Powinieneś umieścić pustą kolumnę ładowania początkowego, aby zrobić odstęp między kolumnami

Question

Mam rząd dwóch kolumn w bootstrap. Jak utworzyć przestrzeń między kolumnami. - Moja pierwsza kolumna ma 8, ale chcę zrobić 7 i 1 kolumnę jako spację.

Oto mój bootply: http://www.bootply.com/mwGajBOEVe

Oto mój 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> 

Answer 1

Nie używać offsets jak ten

<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> 

Answer 2

można zrobić tak:

<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>