2013-08-24 5 views
0

응답을 적용 할 때 부트 스트랩에 문제가 있습니다. 중단 점 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> 

답변

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; 

그러나 당신이 파괴됩니다 라인 중순 단어.