Bootstrap CSS Woes

Question

Probleme mit einer Website, die ich gerade mache. Ich benutze Bootstrap und auf einer bestimmten Seite mit einfachen Bootstrap CSS etwas wird nur nicht in einer Reihe.

Mein Code ist wie folgt: -

<section id="aboutUs"> 
<div class="container">   
<div class="row">          
    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">            
     <img style="width: 500px; height: 288.31775700934577px;" src="/media/1010/macbook-front.png?width=500&amp;height=288.31775700934577" alt="" rel="1255" data-id="1255" />              
     <br />           
    </div> 
    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">            
     <h3>Passion is what we stand for</h3>      
     <p>Manta Ray bonytail chub. Russian sturgeon yellow tang cichlid creek chub--Siamese fighting fish poacher--sablefish bichir? Bonnetmouth gray eel-catfish luminous hake frogfish rohu, eel tope snake eel clown loach northern squawfish Australian prowfish, wrymouth.</p> 
     <br />             
     <blockquote>              
      <p>Good is the enemy of great</p>Innova Tamashi             
     </blockquote> 
    </div> 
</div>       
<div class="row">          
    <div class="col-lg-12">            
     <hr />          
    </div> 
</div>        
<div class="row">          
    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">         
     <h3>Who we are</h3>        
     <p>Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.</p> 
    </div>        
    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"> 
     <h3>What we do</h3>          
     <p>Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.</p> 
    </div>          
    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"> 
     <h3>Why we do it</h3>          
     <p>Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.</p> 
    </div> 
</div> 
</div></section> 

Das Problem ist, dass in der letzten Reihe (enthält die ‚Wer sind wir‘, ‚Was wir tun‘) die divs alle aus der Reihe erscheinen als kann here gesehen werden. Ich kann mir nicht vorstellen, warum es so ist, denn sie sollten alle in Einklang mit dem stehen, was ich sagen kann. Irgendwelche Ideen Jungs?

Answer 1

Es ist wegen der nicht brechenden Räume  .

Aktuell Ihre Seite sieht wie folgt aus: https://jsfiddle.net/7oe5kh9L/57/

Dies ist die feste Seite lautet: https://jsfiddle.net/7oe5kh9L/58/

html

<div class="row"> 
    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"> 
    <h3>Who we are</h3> 
    <p>Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.</p> 
    </div> 

    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"> 
    <h3>What we do</h3> 
    <p>Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.</p> 
    </div> 

    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"> 
    <h3>Why we do it</h3> 
    <p>Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.</p> 
    </div> 
</div> 

Answer 2

Wenn Sie auf die Seite klicken, die Sie verlinkt haben, sind in diesem Abschnitt Zeilen von   Zeichen enthalten. Wenn Sie diese entfernen, wird das Fehlausrichtungsproblem behoben.