html - Bootstrap CSS 问题

Question

我目前正在制作的网站出现问题。我正在使用 bootstrap，并且在一个特定页面上使用基本的 bootstrap css 一些东西不会排队。

我的代码如下:-

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

问题是在最后一行(包含“我们是谁”、“我们做什么”)中的所有 div 都出现了异常，如图所示 here .我不明白为什么要这样做，因为据我所知，它们应该是一致的。伙计们有什么想法吗？

Answer 1

这是因为不间断空格 。

当前您的页面如下所示:https://jsfiddle.net/7oe5kh9L/57/

这是固定页面: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>