トップ「Twitter-bootstrap-3」の質問

Bootstrap 3は、魅力的なルックアンドフィールでより迅速なWeb開発を可能にするフロントエンドフレームワークの第3世代です。

Twitter Bootstrap3を使用して列を中央揃えにします

Twitter Bootstrap 3のコンテナ(12列)内で1列サイズのdivを中央に配置するにはどうすればよいですか?divを、クラス.centeredをコンテナ内の中央に配置したいと思います。 複数のdivがある場合は行を使用できますが、今のところ、コンテナ内の中央に1列(12列)のサイズのdivが必要です。また、 divを半分に相殺することを意図していないため、上記のアプローチが十分に適切かどうかもわかりません。 div外側に空き領域は必要なく、 divの内容は比例して縮小します。 […] 続きを読む…

css twitter-bootstrap twitter-bootstrap-3 centering

Bootstrap3と垂直に整列

Twitter Bootstrap 3を使用していますが、たとえば2つのdiv垂直方向に配置したい場合に問題が発生します— JSFiddle link :Bootstrapのグリッドシステムはfloat: leftではなくdisplay:inline-blockを使用するため、プロパティ […] 続きを読む…

html css twitter-bootstrap twitter-bootstrap-3

TwitterBootstrapでナビゲーションバーの色を変更する

CSS Bootstrapのナビゲーションバーの色を変更するためにCSSを変更するにはどうすればよいですか?

css twitter-bootstrap twitter-bootstrap-3 bootstrap-4 navbar

Bootstrapでコンテナを垂直方向に中央揃えにする方法は?

container divをjumbotron内の垂直方向の中央に配置し、ページの中央に設定する方法を探しています。.jumbotronは、画面の高さと幅全体に合わせる必要があります。 .container divの幅は1025pxで、ページの中央(垂直方向の中央)に配置する必要があります。このページでは、ジャンボトロンを画面の高さと幅に適合させ、コンテナをジャンボトロンの垂直方向の中央に配置します。 どうすればそれを達成できますか?

html css twitter-bootstrap twitter-bootstrap-3 vertical-alignment

ロゴ付きのブートストラップ3ナビゲーションバー

テキストブランディングの代わりに、画像ロゴ付きのBootstrap3デフォルトナビゲーションバーを使用したいと思います。 さまざまな画面サイズで問題を引き起こさずにこれを行う適切な方法は何ですか? これは一般的な要件だと思いますが、良いコードサンプルはまだ見ていません。 すべての画面サイズで許容できる表示を行う以外の重要な要件は、小さい画面でのメニューの折りたたみ可能性です。navbar-brandクラスを持つAタグ内にIMGタグを配置しようとしましたが、Androidフォンでメニューが正しく機能しませんでした。 また、ナビゲーションバークラスの高さを上げてみましたが、それはさらに物事を台無しにしました。ちなみに、私のロゴ画像はナビゲーションバーの高さよりも大きいです。

css twitter-bootstrap twitter-bootstrap-3 navbar

Bootstrap3グリフィコンが機能していません

ブートストラップ3.0をダウンロードしましたが、グリフィコンを機能させることができません。 なんらかの「E003」エラーが発生します。 なぜこれが起こっているのか考えはありますか? ローカルとオンラインの両方を試しましたが、それでも同じ問題が発生します。

twitter-bootstrap-3 glyphicons

Bootstrap 3のナビゲーションバーにアイコン付きの検索ボックスを追加するにはどうすればよいですか?

私は新しいTwitterBootstrap 3を使用してBootstrap 2では、次のように実行できます。<form class="form-search" method="get" id="s" […] 続きを読む…

css html twitter-bootstrap twitter-bootstrap-3

Bootstrapの「col-md-4」、「col-xs-1」、「col-lg-2」の数字の意味

新しいBootstrapのグリッドシステム、特にこれらのクラスと混同しています。col-lg-* col-md-* col-xs-* (ここで、*はいくつかの数値を表します)。誰かが次のことを説明できますか?その数はどのようにグリッドを揃えていますか?

css twitter-bootstrap twitter-bootstrap-3 grid

Bootstrap 3のsr-onlyとは何ですか?

sr-onlyは何に使用されますか? それは重要ですか、それとも削除できますか? なくても問題なく動作します。これが私の例です:<div class="btn-group"> <button type="button" […] 続きを読む…

html css twitter-bootstrap twitter-bootstrap-3