問題タブ [twitter-bootstrap-4]

B3 には、ドロップダウン メニューを備えたトップ ナビゲーション バーのテンプレートがたくさんあります。画面サイズが小さくなると、メニューは 3 バー ボタンに折りたたまれ、メニューはアコーディオン メニューになります。

Bootstrap 4 を使用してこれを行う例やテンプレートはありますか? 私が見つけたレスポンシブの例では、メニューが折りたたまれ、3 バー ボタンが表示されますが、メニューはアコーディオン メニューにはなりません。BS4 のドロップダウンの例も多数ありますが、レスポンシブではありません。

画面が小さくなったときにナビゲーションバー全体を非表示にし、すべて同じオプションを備えたアコーディオンを表示する必要がありますか? これは、BS3 よりもはるかに多くの作業のようです。

サイドバーでフォントの素晴らしいハンバーガーを切り替えることができません。ブートストラップ 4 を使用しています。javascript について何も知りません。一番下に貼り付けただけです。

そしてCSS

過負荷で申し訳ありません。切り取って貼り付けただけです。

ブートストラップ v4 のドロップダウンに選択を入れました。デスクトップでは問題なく動作します。ただし、モバイルでは選択オプションは表示されません。私が試したことはすべて、デスクトップは機能し、モバイルは機能しないようです。大変助かります。ありがとう。

これは基本的に、ブートストラップ v4 ドロップダウンで選択した私の質問です。ただし、select2 タグを追加する必要がありました。言い換えると、ドロップダウン メニューに選択ボックスを配置したいと考えています。デスクトップで動作し、モバイルでもある程度 (実際にはそうではありません) 動作します。outtopastureenterprises.com/selectInDropdown.html に掲載されています。

ところで、select2 がないと、モバイルではまったく機能しないため、このタグを付けて再投稿しました。

http://htmlhelp.com/reference/html40/block.html によると、タグliを使用するliと、Bootstrap 4 の小さなデバイスのトグルでメニューが水平のままになります。liタグがブロック要素である場合、結果は以下のコードは水平メニューではなく垂直メニューにする必要がありますか?

私はこのようなメニューを持っています (ブートストラップ 4 アルファ 2):

しかし、これが次のようになる奇妙なことがあります。

再現するには：

1. ブラウザの幅を小さくしてください。
2. メニューを展開
3. メニューを折りたたむ
4. ブラウザの幅を再び大きくしてください。

これはメニューです：

便宜上: https://jsfiddle.net/clankill3r/efzsubtr/

最新バージョンのブートストラップを使用していますが、サイドバーが短すぎて高さが十分ではありません。
ここから表示できます: http://srv.sniperjum.com/sh1omi/bootstrap-dev/
CSS: http://srv.sniperjum.com/sh1omi/bootstrap-dev/css/style.css
この問題は私のCSSですか、それともブートストラップの問題ですか? どうすれば修正できますか？

CSS

HTML

Bootstrap 4 とこの CSS クラスを使用して、アイテムを垂直方向に配置しています。

これで、このコンテンツはすべて左揃えになります。たとえば、リスト (ul> li) を右に揃えるにはどうすればよいですか? 私が試したことは何もありません。

これが実際のデモです：

私も JSFiddle を持っています: https://jsfiddle.net/xcottg08/

目標は次のとおりです。左右の矢印をクリックしてすべてのカードをスクロールできるカード カルーセルを作成したいと考えています。

これを行う私の好みの方法:矢印が押されたときにcard-decks を積み重ねて次へ移行します。card-deck明確にするために、一度に 1 つしか表示されませんがcard-deck、横に並べてそれらの間で CSS トランジションできるようにしたいと考えています。

今私は得た

card-deckすべての s が全幅であるため、明らかにカードデッキを垂直に積み重ねます(ブートストラップ 4 で flex オプションを使用しているため、ここではラッピングが適用されます)。さて、後でオーバーフローを非表示にしてデッキをスクロールできるように、それらを 100% 幅にして水平方向に積み重ねるにはどうすればよいでしょうか?

私はあらゆる種類のことを試しましたが、これに行く方法が本当にわかりません。セットアップの時間を節約するためのフィドルを次に示します。

jsfiddle

また、フレックスが有効になっている最新のアルファ 4 ブートストラップ CDN を知っている場合は、お知らせください。私が使っているのは数日前のものです。