在twitter引導程序nav-list中的長文本穿越容器邊界

Question

嗨，大家好我正在使用Bootstrap和CodeIgniter製作一個網站，現在我正在設計帶有2邊導航列表的新聞頁面，並且我遇到了問題。 當我在導航列表上放置一個長文本時，文本出來了。請幫幫我。

<div class="container-fluid"> 

<div class="row-fluid"> 
    <div class="span2"></div> 

    <div class="span8"></div> 

    <div class="span2"> 

     <ul class="nav nav-list well"> 
      <div class="row-fluid"> 
      <li class="nav-header">Suggested Users</li> 

      <li class="span12"> 
       <div class="span4"> 
        <img src="http://i.imgur.com/0YJjVnH.gif" alt="User suggested"> 
       </div> 
       <div class="span8"> 
        <a href="#" style="font-size: 12px;">Aezir ssssssssssssssssssssssssssssss</a> 
        <button class="btn btn-mini btn-info pull-right">Follow</button> 
        <br> 
        <strong><small class="pull-right" style="font-size: 9px;">1024 followers</small></strong> 
       </div> 
      </li> 
      </div> 
     </ul> 

    </div> 

    </div> 

</div> 

Answer 1

這裏的問題就是兩個字溢出容器的長度，可以一定程度上通過添加類似word-wrap: break-word;到a標籤打破這種溢出了容器的文本解決這個問題，但我的建議是在這個空間周圍添加足夠的空間來留下長長的單詞。這樣你就不必強迫這些單詞進入新的界限。