Bootstrap-Grid wird nicht angezeigt

Ich habe ein Problem, das Bootstrap-Grid ordnungsgemäß anzuzeigen. Mein Code ist wieBootstrap-Grid wird nicht angezeigt

<div class="container"> 
     <div class="row"> 
      <div class="col-md-6">.col-md-6</div> 
      <div class="col-md-6">.col-md-6</div> 
     </div> 
</div>

folgt Alles, was ich sehe, ist: grid

Wer weiß, was hier passiert? Ich habe alle bootstrap.css, bootstrap-theme.css und bootstrap.js richtig enthalten. Andere Dinge wie Buttons werden per Bootstrap korrekt formatiert.

Quelle

2016-08-29 RubyJ

Das ist die richtige Struktur, und Ihr Screenshot sieht gut aus. Diese Struktur sollte die Linie in zwei gleiche Spalten aufteilen, genau wie es Ihr Screenshot vorschlägt. – Vcasso

Soweit ich sehe Ihre 2 div sind formatiert, wie sie sollten? (Mit Boostraps md-6).

Sie brauchen nicht den .col-md-6 Wert in Ihrem div aber:

<div class="container"> 
     <div class="row"> 
      <div class="col-md-6">Your text here</div> 
      <div class="col-md-6">Your text here</div> 
     </div> 
</div>

Weitere Informationen auf die offizielle Bootstrap Dokumentation Seite auf Grid Templates

Für die Rasteransicht in der Dokumentation (grid.css) füge folgendes CSS hinzu:

h4 { 
    margin-top: 25px; 
} 
.row { 
    margin-bottom: 20px; 
} 
.row .row { 
    margin-top: 10px; 
    margin-bottom: 0; 
} 
[class*="col-"] { 
    padding-top: 15px; 
    padding-bottom: 15px; 
    background-color: #eee; 
    background-color: rgba(86,61,124,.15); 
    border: 1px solid #ddd; 
    border: 1px solid rgba(86,61,124,.2); 
} 

hr { 
    margin-top: 40px; 
    margin-bottom: 40px; 
}

Quelle

2016-08-29 19:51:46 Daniel

Ich kann nicht herausfinden, warum das Raster selbst nicht angezeigt wird. Laut dem Link, den ich gepostet habe, ist es nur Text auf weißem Hintergrund. Keine Farbe, kein Gitter. – RubyJ

Der .col-md-6-Wert dient nur zum Testen – RubyJ

Was erwarten Sie von uns? Ich glaube, Sie haben die Funktionalität der Bootstrap-Spalten missverstanden – Daniel

Bootstrap macht a n „unsichtbar“ Raster, wenn Sie es so sehen wollen, wenn Sie das Raster sichtbar Sie machen möchten, können Sie es mit CSS tun entweder das Hinzufügen einer Hintergrundfarbe oder Grenze, mein Favorit ist Hintergrundfarbe:

css:

.y0 { background-color: #CCC; } 
.y1 { background-color: #9FF; } 
.y2 { background-color: #F9F; } 
.y3 { background-color: #F99; } 
.y4 { background-color: #FF6; } 
.y5 { background-color: #3C3; }

HTML:

<div class="container"> 
     <div class="row"> 
      <div class="col-md-6 y0">Your text here</div> 
      <div class="col-md-6 y1">Your text here</div> 
     </div> 
</div>

Quelle

2016-08-29 20:14:14 Chico3001

ändern, wie unten

<div class="container show-grid"> 
     <div class="row"> 
      <div class="col-md-6">.col-md-6</div> 
      <div class="col-md-6">.col-md-6</div> 
     </div> 
</div>

die folgende CSS y hinzufügen unser Stylesheet

.show-grid div{ 
    border:1px solid ; 

}

Quelle

2016-08-29 20:33:18 Aravind

Bootstrap-Grid wird nicht angezeigt

Antwort

Verwandte Themen