html - p 标签文本覆盖在响应式 Bootstrap 上？

Question

当我想应用响应时，我遇到了 Bootstrap 问题，当我遇到断点 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;

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