html - p 在响应式引导程序上标记文本覆盖？

Question

当我想应用响应式时，我的引导程序有问题，当我点击断点 970px 时，第一个框会过度我不知道为什么这样做我像这个模板一样应用 3 个水平框，但第一个框上的 p 标签文本将覆盖在第二个框中带有文本 http://getbootstrap.com/2.3.2/examples/justified-nav.html

<div class="container-fluid">
  <div class="intrest"> 
    <h1>My Intrest</h1>
    <p>List of technolies that I used or intrested in</p>
    <div class="row-fluid">    
        <div class="span4">
          <h2>Technoloty I used</h2> 
          <p>asp.net,Javascript,HTML/CSS,SQLserver,iOS,Visual Studio,C#,Objective-C,GIT,Windows,OSX</p> 
        </div>
        <div class="span4">
          <h2>I intresed to use</h2> 
          <p>LAMP,MySQL,Laravel,PhoneGap,Drupal</p>
        </div>
        <div class="span4">
          <h2>Hope or I study</h2> 
          <p>C/C++,Java,Andriod,Game Developmnt</p>
        </div>

    </div>
</div>

</div>   

Answer 1

您的文本没有空格可以换行。

改变：

<p>asp.net,Javascript,HTML/CSS,SQLserver,iOS,Visual Studio,C#,Objective-C,GIT,Windows,OSX</p> 

到：

<p>asp.net, Javascript, HTML/CSS, SQLserver, iOS, Visual Studio, C#, Objective-C, GIT, Windows, OSX</p> 

我建议您也可以添加。

word-wrap: break-word;

但是你会在中间断行，我认为你不会想要的。