Wie füllt man diese Lücke im s/w Bootstrap?

-3

Ich Schopf aus dem Sumpf gird mit und ich erhalte die Lücke b/w Spalten:Wie füllt man diese Lücke im s/w Bootstrap?

p { 
 
    height: 400px; 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-md-6"> 
 
     <p>Huge text</p> 
 
    </div> 
 
    <div class="col-md-6"> 
 
     <p>Huge text</p> 
 
    </div> 
 
    </div> 
 
</div>

Quelle

2017-01-25 Shaik Shamsher

Dies geschieht, weil Spalten Rinnen (Lücken zwischen Spalteninhalt) über padding erstellen. Dieser Abstand wird in Zeilen für die erste und letzte Spalte über den negativen Rand von .rows versetzt. –

Bitte machen Sie ein wenig Recherche, bevor Sie eine Frage zu SO stellen. Überprüfen Sie diese [Frage] (http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3) –

jede Spalte "col" hat eine 15px Polsterungen auf der rechten und linken Seite. – Mohammad

Diese Rinne ist das Standardverhalten Bootstrap. Eine interessante und sehr nützliche Schnipsel es außer Kraft zu setzen, ist dies:

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

verwendet mit:

<div class="row no-gutter">

Quelle

2017-01-25 10:38:02 mayersdesign

Wie füllt man diese Lücke im s/w Bootstrap?

Antwort

Verwandte Themen