問題タブ [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.
css - Bootstrap で利用可能なテキストの色のクラス
ナビゲーション バーのタイトルにテキストを入力して、サインアップ ページを作成しています。それらのテキストに異なる色を付けたいです。この目的のために別の CSS ファイルを使用していますが、bootstrap の CSS ファイルを使用してこれを行いたいと考えています。
ブートストラップで利用可能なカラークラスをリストできますか?
twitter-bootstrap - ブートストラップの行と列 - 行を使用する必要がありますか?
Bootstrap Grid の行と列の特定のポイントを明確にする必要があります。このリンク: http://getbootstrap.com/css/#grid ; 概要の下の 3 番目のポイントは、「コンテンツは列内に配置する必要があり、列のみが行の直接の子になることができます」と述べています。
これは正確にはどういう意味ですか？私がやろうとしているのは、2 つの列を配置することです: col-xs-4、col-xs-8; それ自体が行の内側にある col-xs-12 の内側。これは機能しますか..
または、xol-xs-12 内に新しい (そしてネストされていると思われる) 行を挿入し、その行に他の 2 つの列を挿入する必要がありますか?
html - 高さの異なる列を持つブートストラップ行
私は現在、次のようなものを持っています:
高さが異なり、幅がすべて同じであると仮定するとcontent、同じ「グリッドベースのレイアウト」を維持しながら、完全な線ではなく、すべてのボックスを互いに並べるにはどうすればよいでしょうか。
現在、TWBS は の次の行をcol-md-4前の 3 行目の最も長い要素の下に配置します。したがって、アイテムの各行は完全にきれいに整列されます。これは素晴らしいことですが、各アイテムを最後の要素のすぐ下に配置したいと考えています (「Masonry」レイアウト) )
css - Bootstrap Navbar の中央揃えのブランド ロゴ
ブランドロゴが常に中央に残るように、Bootstrap 3 navbar を実装しようとしています。これはコードです：
見栄えの良いナビゲーションバーになります。
ただ、ロゴ（緑）はしっかり真ん中に残してほしいです。このスタイルを「ブランド」クラスのタグに追加しています。
これにより、問題が部分的に解決されます。ロゴは中央にありますが、残りのナビゲーション バー要素が押し下げられます。
これは排除したい望ましくない影響です。解決策を提案できますか？最初からロゴを中央に配置するのは間違ったアプローチでしょうか?
html - Bootstrap 3 ドロップダウン メニューの中央揃えが機能しない
ドロップダウンがホバーで開かれている親の中心にドロップダウンを揃えることができません。.nav .navbar li 要素全体の text-align: center を試みましたが、機能しません。マージンを設定しようとしましたが、ドロップダウンである ul.dropdown-menu 全体に対して 50% を残しましたが、機能しません。htmlコードは次のとおりです。
どのクラスのドロップダウン メニューまたは nav navbar-nav でアライメントを行う必要があり、何を設定する必要がありますか?