ブートストラップの列間のスペースを削除する

-2

コード：

<div class="row"> 
    <div class="col-2"><b>Text1</b></div> 
    <div class="col-2"><b>Text2</b></div> 
</div>

、それはで終わる：

[_________] "宇宙空間の......" [___________]

私はここにいくつかの解決策があることを知っていますパディング、余白を取り除こうとしましたが、何も効果がありませんでした。

アイデア？

どのようなスペースについて話していますか？ – evolutionxbox

スペースは見当たりませんでした。フィドルやその他のライブサンプルを追加する必要があります。 –

どのバージョンのBootstrap？ '@ grid-gutter-width'変数は、オンラインカスタマイザまたはLESSソースを使用して変更できます。 – DarthJDG

Bootstrapフレームワーク内の各.col-の間のスペースの「技術的な」用語は「ガッター」であり、このガターはパディングの使用によって達成されます。

あなたはブートストラップのバージョン3.xを使用している場合は、カスタムクラスを作成する必要があります：

.no-gutter { 
    margin-right: 0; 
    margin-left: 0; 
} 

.no-gutter > [class*="col-"] { 
    padding-right: 0; 
    padding-left: 0; 
}

をそして、あなたは何の側溝がないようにしたい任意の.rowにそれを適用します。ブートストラップ4には同じ結果を達成するネイティブ.no-guttersクラスがあります。

2017-11-06 15:02:30

Thx、これは問題を解決しました;） – Celebrombore

答えて