ブートストラップでグリッドレイアウトのスタイルを設定するにはどうすればよいですか?
岩石
カルーセルを作成し、その下に 3 つのグリッドを表示したいのですが、それらが重なっています。グリッドが重ならないようにスタイルを設定するにはどうすればよいですか。ここに私のコードがあります:
<div id="main-content">
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<span class="glyphicon glyphicon-cloud"></span>
<h3>Enter title of news</h3>
<p>your news description</p>
</div>
<div class="col-md-4">
<span class="glyphicon glyphicon-cloud"></span>
<h3>Enter title of news</h3>
<p>your news description</p>
</div>
<div class="col-md-4">
<span class="glyphicon glyphicon-cloud"></span>
<h3>Enter title of news</h3>
<p>your news description</p>
</div>
</div>
</div>
</div>
CSS の場合:
#main-content {
position: absolute;
top: 800px;
}
lcolli98
これがあなたが求めていることだと思うなら、ナビゲーションバー、その下にカルーセル、そしてその3つの「グリッド」の下に重ならないように並べて表示したいですか? ナビゲーションバーのコードの後に挿入すると、これは機能するはずです。
<div class="container">
<div class="row">
<div class="col-sm-12>
<!-- CODE FOR CAROUSEL -->
</div>
</div>
<div class="row">
<div class="col-sm-4">
<!-- GRID 1 -->
</div>
<div class="col-sm-4">
<!-- GRID 2 -->
</div>
<div class="col-sm-4">
<!-- GRID 3 -->
</div>
</div>
</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ブートストラップのドロップダウンアイテムに幅を設定するにはどうすればよいですか？
- 2
添付のスクリーンショットのような動的グリッドレイアウトを、ブートストラップを使用して番号順に表示するにはどうすればよいですか？
- 3
レトロフィットライブラリでタイムアウトを設定するにはどうすればよいですか？
- 4
ナビゲーターハンドルをプログラムでハイストックに設定するにはどうすればよいですか？
- 5
デフォルトのブートストラップトグルでフルスクリーンメニューのスタイルを設定するにはどうすればよいですか？
- 6
ブートストラップからメールボックスアイコンを設定するにはどうすればよいですか？
- 7
カードグループのブートストラップビューで列を行に設定するにはどうすればよいですか？
- 8
pyopenglで複数のラインプロットの背景グレースケールを設定するにはどうすればよいですか？
- 9
トップレベルアカウントでAWSシングルサインオンを使用して、異なるアカウントから複数のAWS Connectインスタンスを設定するにはどうすればよいですか？
- 10
Clutterツールキットでプログラムのタイトルとアイコンを設定するにはどうすればよいですか？
- 11
アップルストアでiOSフラッターアプリをアップグレードするにはどうすればよいですか？
- 12
小枝：ネストされたテンプレートブロックにタイトルを設定するにはどうすればよいですか？
- 13
ブートストラップグリッドレイアウトを使用して、小さなディスプレイの右側の列を上に移動するにはどうすればよいですか？
- 14
ループしているpygame.mixerプレイリストをバックグラウンドで再生するように設定するにはどうすればよいですか？
- 15
ブートストラップグリッドの一番上の行の高さを設定するにはどうすればよいですか？
- 16
AKSクラスターのAzureアイドルタイムアウトを永続的に設定するにはどうすればよいですか？
- 17
AWS VPCのプライベートサブネットにインスタンスを設定するにはどうすればよいですか？
- 18
cの項目を削除した後、ハッシュテーブルに適切に設定できるように、リンクリストのポインタのアドレスを取得するにはどうすればよいですか？
- 19
ブートストラップ4.1.3から4.5.0にアップグレードした後、このボタンのレイアウトを修正するにはどうすればよいですか？
- 20
ブートストラップスイッチャーをデフォルトでオンに設定するにはどうすればよいですか？
- 21
Veturテンプレート補間：JsDocでテンプレートのグローバル仮想メソッドを設定するにはどうすればよいですか？タイプスクリプトなし
- 22
タイムアウトステップの場合に変数のデフォルト値を設定するにはどうすればよいですか？
- 23
カスタム設定レイアウトのimageviewをプログラムで変更するにはどうすればよいですか？
- 24
アールグレイテストでタイムアウトの失敗をデバッグするにはどうすればよいですか？
- 25
プログラム内でレイアウトとテキストのサイズをDPに設定するにはどうすればよいですか？
- 26
Moyaポッドを使用してリクエストのタイムアウトを設定するにはどうすればよいですか？
- 27
Android：線形レイアウト内にグリッドレイアウトを設定するにはどうすればよいですか？
- 28
アプリケーションがインターネットブラウザを起動する許可を取得するように要求するようにシステムを設定するにはどうすればよいですか？
- 29
Spring MVCコントローラーのユニットテスト：プライベートインスタンスのブールフィールドを設定するにはどうすればよいですか？
コメントを追加