[解決済み] 100% width Twitter Bootstrap 3 テンプレート
2022-06-15 15:10:30
質問
私はブートストラップ初心者で、ブートストラップでコーディングしたい100%幅のテンプレートがあります。最初のカラムは左隅から始まり、私は右端に伸びるGoogleマップを持っています。私は、これを
container-fluid
クラスでできると思ったのですが、それはもう利用できないようです。bootstrap 3でそのレイアウトを実現する方法が全くわかりません。私はthemeforestからGeometry PSDテンプレートを使用しています、あなたがレイアウトを見たい場合は、ここのリンク。
http://themeforest.net/item/geometry-design-for-geolocation-social-networkr/4752268
どのように解決するのですか?
Bootstrap 3 の場合、カスタムラッパーを使用し、その幅を100%に設定する必要があります。
.container-full {
margin: 0 auto;
width: 100%;
}
ここで は Bootply での動作例です。
カスタムクラスを追加したくない場合、すべてを
col-lg-12
(
ワイドレイアウトデモ
)
Bootstrap 3.1へのアップデート
この
container-fluid
クラスが Bootstrap 3.1 で復活したので、これを使用して全幅レイアウトを作成できます (追加の CSS は必要ありません)...
関連
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Bootstrapの列をすべて同じ高さにするにはどうしたらいいですか?
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] ラジオボタンをデフォルトで選択するには?[重複しています]
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] Twitter Bootstrapでナビバーの色を変更する
-
[解決済み] Twitter Bootstrap Form File Element Upload Button(ファイルアップロードボタン
-
[解決済み] Twitter Bootstrapを使った中央寄せのコンテンツはどうなっているのか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] CSS - カーソルを置いたときに塗りつぶしの色を変更する - SVG PATH
-
[解決済み] input type="button "に背景画像を追加するには?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] HTMLアンカーは'name'と'id'のどちらで作成するのが良いですか?
-
[解決済み] 入力フィールドに :before や :after 疑似要素を使用できますか?
-
[解決済み] localStorage、sessionStorage、session、cookieの違いは何ですか?
-
[解決済み] HTMLのdiv要素とspan要素の違いは何ですか?