2016-11-08 5 views
0

Bootstrap 3 verwenden Ich bin mir bewusst, dass, wenn eine Reihe nicht in seinem Container sitzen Sie zusätzlichen Platz aufgrund der -15px Rand auf beiden Seiten, Ausgleich für den Container, der eine Rinne hat.Bootstrap Zeile Padding

dachte ich, das das Problem lösen könnte:

.row{ 
    margin-left: 0px; 
    margin-right:0px; 
} 

.container .row{ 
    margin-left:-15px; 
    margin-right:-15px; 
} 

aus irgendeinem Grund aber der Spielraum bleibt Ihnen so eine leichte horizontale Scroll auf mobilen Geräten erhalten, die die allgemeine Attraktivität ruiniert.

(Wenn es hilft ich die Adresse der Website geben könnte ich arbeite?)

+1

Können Sie eine Geige dafür zeigen? –

+0

Polsterung oder Rand? – FeedTheWeb

+0

Dieser horizontale Bildlauf wird verursacht, wenn eines der Elemente auf Ihrer Site das Raster überschreitet. Das ist das einzige Mal, dass dies in Bootstrap passiert. Sie müssen herausfinden, welches Element es ist - und dann fügen Sie entweder Überlauf: versteckt zum Elternteil hinzu, oder reparieren Sie diese Elementbreite. – Korgrue

Antwort

0

Sie können .Behälter-Flüssigkeit

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-XX-XX"></div> 
    </div> 
</div> 

Ich denke, dass Sie verwenden .row ohne irgendwelche .col-XX-XX innen. Das kann das Problem verursachen.

Verwandte Themen