col-10およびcol-2行は、ブートストラップ3の右側に奇妙な間隔を生成します
user21398
私はこの非常に単純なコードを持っています：
<body>
<div class="myclass">
<div class="row">
<div class="col-md-10">Blah</div>
<div class="col-md-2">
<div>Hello </div>
</div>
</div>
</div>
</body>
Firefoxをロードすると、右側の行が余分なスペースを占めていることがわかります。これにより、ブラウザはサイトの幅が非常に広いと見なすため、下部に水平スクロールバーが表示されます。これが写真です：
行はcol-12までうまくいくべきではありませんか？col-10 + col-2の合計はcol-12になるのに、なぜ余分なスペースが必要なのですか？
シュマルジー
あなたのラップ.rowで.container。
またはに追加padding: 0 15px;しますmyclass。
.myclass{
padding: 0 15px;
}
グリッドと全角レイアウト-完全に流動的なレイアウト（サイトがビューポートの幅全体に広がることを意味します）を作成しようとしている人は、グリッドコンテンツをパディング付きの包含要素でラップする必要があります：0 15px; マージンをオフセットするには：0 -15px; .rowsで使用されます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
- 前の投稿：Which is better: select with update, delete and insert, or replace?
- 次の投稿：col-10およびcol-2行は、ブートストラップ3の右側に奇妙な間隔を生成します
関連記事
Related 関連記事
- 1
col-10およびcol-2行は、ブートストラップ3の右側に奇妙な間隔を生成します
- 2
AWKを使用したグループ化| COL1およびCOL3
- 3
col-pushおよびcol-pullboostrap3を使用した位置決め要素
- 4
Bootstrap 3のグリッドクラス（col-sm-＃およびcol-lg-＃）を理解する
- 5
行内のmax（col）および関連するcolを別のテーブルにリンクするクエリ
- 6
ブートストラップの「行」を調整して、さまざまな列数「col-xs-12 col-sm-4col-md-3」に合わせますか？
- 7
geom_colおよび位置 "dodge"を持つggplotのgeom_text
- 8
ブートストラップ3.3特定の幅でcol-lg-10をcol-lg-12に展開します
- 9
ブートストラップ3.3特定の幅でcol-lg-10をcol-lg-12に展開します
- 10
SQLフィルタリングヘルプ：col_name + 1およびcol_name-1の機能
- 11
グループ化がcol1、col2およびcol2、col1と一致するように、2つの列で同時にグループ化します。
- 12
ブートストラップ4col-2を行col-6に揃えます
- 13
WPBakeryでvc_col-sm-5およびvc_col-sm-7カスタムレイアウトを作成するにはどうすればよいですか？
- 14
右側のcol-md-3をhtmlブートストラップ4で整列させる方法
- 15
ブートストラップ3col-sm-offset-xはcol-md-x構造に影響します
- 16
4つのimgを持つブートストラップ（col xs-12 col-sm-6 col-md-2 col-lg-2）の行を中央に配置するにはどうすればよいですか？
- 17
jqueryUIのソート可能およびブートストラップでドラッグ可能なdivを使用します（カーソルはcol-xs-6のdivから距離を取ります）
- 18
ブートストラップ4を使用したCSSグリッド：frユニットで `col-auto`および` col`を使用する場合のレイアウトの問題
- 19
ブートストラップ：divブロックをcol-xs-8 + col-xs-4の下に配置すると期待どおりになりません
- 20
SQLのようにC＃で時間形式（120：15：10）の行で合計/グループ化する方法-SELECT SUM（col1）、col 2、col3 GROUP BY col2、col3
- 21
col3によるパンダ相当のselectcount（distinct col1、col2）group
- 22
col1の日付からのawkグループの年と月およびcol2のグループの合計
- 23
col1の日付からのawkグループの年と月およびcol2のグループの合計
- 24
col3がcol2を共有/オーバーラップするcol2をどのように返しますか？
- 25
<input>は、Bootstrap3およびcol-md行ではクリックできません
- 26
Microsoft Power BI デスクトップ — 列 col1 と col2 (Excel から) は、col2 y 軸と col1 軸のグラフを作成します。
- 27
geom_pointをgeom_colおよびファセットとともに使用する
- 28
col-sm-12が、col-smがブートストラップに含まないマージンを追加するのはなぜですか？
- 29
ブートストラップの「col-md-4」、「col-xs-1」、「col-lg-2」の数字の意味
コメントを追加