問題タブ [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.
html - Bootstrap 4 の Flex Layout (順序付け?)
ブートストラップを学んでいます。ペイントを使用して、Bootstrap 4 とその新しいフレックス サポートで作成しようとしているものの簡単なモックアップを作成しました。私の問題は、問題のペイント スケッチに見られます。Flexbox は高さを均等にするため、コメント セクションは関連セクションの末尾の下に表示されます。
コメント セクションをコンテンツ列内に配置してから、コード内で CSS flex の順序を再配置しようとしましたが、順序 CSS ルールは各行内でのみ機能するように見えます (他の行からのものを挿入することはできないようです)。 .
元のコード:
以下は、理想的なモバイルおよびデスクトップ レイアウトです。
twitter-bootstrap - Ember が再レンダリング時に既に切り替えた後のブートストラップの再切り替えボタン
以下に定義されているボタンがあります。
makeActive
アクションはプロパティを切り替えます。これにより、 ember がテンプレートを再レンダリングするときにshouldBeActive
、ボタンのクラスが取得または失われます。.active
これはすべて素晴らしいことです...ただし、Ember が DOM を更新した後にボタンのクラスを切り替えるための bootstrap.js クリック ハンドラが起動され.active
、ボタンが誤ったトグル状態に切り替えられます。
これを修正する雄弁な方法はありますか?私の唯一の考えは、私は何か愚かなことをすることができるということです...
...アクティブ状態を意図したものとは反対に効果的に設定し、ブートストラップで適切なものに切り替えます。
css - 表示時に絶対位置の div が 2 つに分割される
私はBootstrap 4を試していて、カード列の中にカードがあります:
カード列自体は、1 つの列を持つ行を持つコンテナー内にありcol-sm-12
ます。
これが表示されるものです:
ここで何が問題なのですか?div クラスにはdropdown-menu
絶対位置があります。
twitter-bootstrap - Bootstrap 4 datapicker.js は含まれていません
新しいウェブサイトに Bootstrap V4 を使用していて、それがアルファ版であることを確認しています。
ただし、ビルドに datepicker.js が含まれていることがわかりません。
これがV4に含まれるかどうか誰か知っていますか? そうでない場合、誰かが良い日付ピッカーをお勧めできますか?
twitter-bootstrap - btn-xs はブートストラップ 4 の有効なオプションではなくなりましたか?
ブートストラップ 4 に移行したところ、xs ボタンが極端に小さく見えなくなりました。
ブートストラップ 4 のボタンのドキュメントを見ると、極小ボタンのオプションが表示されませんか?
誰でも私のためにこれを確認できますか?
ありがとう!
toggle - Bootstrap 4 - ドロップダウンはタブ メニューで 1 回しか機能しません
ブートストラップ 4 では、タブ メニューのドロップダウンを初めてクリックすると正常に動作しますが、その後は動作しなくなります。
これがBootplyのデモです
html - 最大幅が変更されると CSS トランジションが左側にスナップする
ユーザーがバナーをスクロール'.full-width'
したときに追加および削除する単純なクラスがあります。目標は、ユーザーがバナーの上または下にスクロールしたときに、<nav>
を徐々に拡大または縮小することです。<nav>
CSS の例からわかるように、nav にはtransition
プロパティ セットがあります。
なんらかの理由で、<nav>
バーが拡張すると左側にスナップバックします。バーは右側でも正しく遷移し、バーの縮小は完全に機能します。
興味深いことに、これは Bootstrap 3 では正常に機能しているように見えますが、Bootstrap 4 の何かが原因でナビゲーション バーがスナップします。
私が見逃しているものを見た人はいますか?