問題タブ [bootstrap-4]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
1107 参照

html - Bootstrap 4 の Flex Layout (順序付け?)

ブートストラップを学んでいます。ペイントを使用して、Bootstrap 4 とその新しいフレックス サポートで作成しようとしているものの簡単なモックアップを作成しました。私の問題は、問題のペイント スケッチに見られます。Flexbox は高さを均等にするため、コメント セクションは関連セクションの末尾の下に表示されます。

コメント セクションをコンテンツ列内に配置してから、コード内で CSS flex の順序を再配置しようとしましたが、順序 CSS ルールは各行内でのみ機能するように見えます (他の行からのものを挿入することはできないようです)。 .

元のコード:

問題: 問題

以下は、理想的なモバイルおよびデスクトップ レイアウトです。

理想的なデスクトップ 理想的な携帯

0 投票する
1 に答える
179 参照

twitter-bootstrap - Ember が再レンダリング時に既に切り替えた後のブートストラップの再切り替えボタン

以下に定義されているボタンがあります。

makeActiveアクションはプロパティを切り替えます。これにより、 ember がテンプレートを再レンダリングするときにshouldBeActive、ボタンのクラスが取得または失われます。.active

これはすべて素晴らしいことです...ただし、Ember が DOM を更新した後にボタンのクラスを切り替えるための bootstrap.js クリック ハンドラが起動され.active、ボタンが誤ったトグル状態に切り替えられます。

これを修正する雄弁な方法はありますか?私の唯一の考えは、私は何か愚かなことをすることができるということです...

...アクティブ状態を意図したものとは反対に効果的に設定し、ブートストラップで適切なものに切り替えます。

0 投票する
1 に答える
474 参照

css - 表示時に絶対位置の div が 2 つに分割される

私はBootstrap 4を試していて、カード列の中にカードがあります:

カード列自体は、1 つの列を持つ行を持つコンテナー内にありcol-sm-12ます。

これが表示されるものです:

半分に表示されたボタン メニュー

ここで何が問題なのですか?div クラスにはdropdown-menu絶対位置があります。

0 投票する
3 に答える
429973 参照

twitter-bootstrap - Bootstrap 4 datapicker.js は含まれていません

新しいウェブサイトに Bootstrap V4 を使用していて、それがアルファ版であることを確認しています。

ただし、ビルドに datepicker.js が含まれていることがわかりません。

これがV4に含まれるかどうか誰か知っていますか? そうでない場合、誰かが良い日付ピッカーをお勧めできますか?

0 投票する
6 に答える
51176 参照

twitter-bootstrap - btn-xs はブートストラップ 4 の有効なオプションではなくなりましたか?

ブートストラップ 4 に移行したところ、xs ボタンが極端に小さく見えなくなりました。

ブートストラップ 4 のボタンのドキュメントを見ると、極小ボタンのオプションが表示されませんか?

誰でも私のためにこれを確認できますか?

ありがとう!

0 投票する
1 に答える
5311 参照

toggle - Bootstrap 4 - ドロップダウンはタブ メニューで 1 回しか機能しません

ブートストラップ 4 では、タブ メニューのドロップダウンを初めてクリックすると正常に動作しますが、その後は動作しなくなります。

これがBootplyのデモです

0 投票する
2 に答える
164 参照

html - 最大幅が変更されると CSS トランジションが左側にスナップする

ユーザーがバナーをスクロール'.full-width'したときに追加および削除する単純なクラスがあります。目標は、ユーザーがバナーの上または下にスクロールしたときに、<nav>を徐々に拡大または縮小することです。<nav>CSS の例からわかるように、nav にはtransitionプロパティ セットがあります。

なんらかの理由で、<nav>バーが拡張すると左側にスナップバックします。バーは右側でも正しく遷移し、バーの縮小は完全に機能します。

興味深いことに、これは Bootstrap 3 では正常に機能しているように見えますが、Bootstrap 4 の何かが原因でナビゲーション バーがスナップします。

私が見逃しているものを見た人はいますか?