2016-05-04 7 views
7

Ich habe eine zweispaltige Zeile im Bootstrap. Wie erstelle ich Platz zwischen den Spalten. - Meine erste Spalte ist 8, aber ich möchte es 7 machen und 1 Spalte als nur Platz haben.Sollte ich eine leere Bootstrap-Spalte einfügen, um Platz zwischen den Spalten zu machen

Hier ist meine bootply: http://www.bootply.com/mwGajBOEVe

Hier ist mein HTML.

<div class="container"> 
    <div class="row"> 
     <div class="col-md-8"> 
      <p>The apple tree (Malus domestica) is a deciduous tree in the rose family best known for its sweet, pomaceous fruit, the apple.</p> 
     </div> 
     <div class="col-md-4""> 
     The orange (specifically, the sweet orange) is the fruit of the citrus species Citrus × sinensis in the family Rutaceae.</div> 
    </div> 
</div> 

Antwort

9

Nein, verwenden offsets wie diese

<div class="row"> 
    <div class="col-md-4">.col-md-4</div> 
    <div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div> 
</div> 
<div class="row"> 
    <div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div> 
    <div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div> 
</div> 
<div class="row"> 
    <div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div> 
</div> 
1

Sie so tun können:

<div class="container"> 
    <div class="row"> 
     <div class="col-md-7 col-md-offset-1"> 
      <p>Join our growing</p> 
     </div> 
     <div class="col-md-4""> 
     </div> 
    </div> 
</div> 
Verwandte Themen