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;

但是那时候你会打破我认为你不想要的中间词。

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

1 个答案: