td中的引導按鈕下拉列表，正在進行2行

Question

我有一個問題，引導按鈕下拉引導3。你可以在這裏看到我的2個例子：

http://www.bootply.com/W1dLusilMk

http://www.bootply.com/GGBvggjYmu

1日1只在第TD，這意味着最後一個沒有得到壓扁短值。但是，如果你看第二個例子，那個內容是更多更寬。

在桌面上，這不是一個問題。但是，如果您在移動版本（該頁面上的小圖標）上查看它，則可以看到第二個示例中斷。選擇框分成2個，並且插入符號進入第二行

現在 - 一些背景。這個頁面繼續響應。這些按鈕進入的表格也是響應式的。選擇框內的內容也會發生變化（因爲它們可能是不同的房間類型），所以固定寬度沒有解決方案。首先，我雖然可以在按鈕周圍包裝一個div，但有些CSS會「強制」它保留在一行上 - 但我什麼也沒有提出。

FWIW：我也試過nowrap和white-space:nowrap;上保存的下拉細胞 - 但沒有這樣的運氣又好像：/

有沒有人有什麼建議嗎？

工程確定這一點，例如：

<table style="width: 100%;"> 
    <tbody><tr> 
     <td>foo bar</td> 
     <td> 
      <div class="btn-group dropdown-m-wrapper" rel="1400::245::1"> 
       <button type="button" class="btn btn-default toggle-drop" rel="1400::245::1" id="select_1400_245_1">Choisir chambre</button> 
       <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
        <span class="caret"></span> 
       </button> 
       <ul class="dropdown-menu" role="menu"> 
        <li><a href="javascript:void(0);" rel="1400::245::1" class="change-room-selected-status" data-value="2"><b class="fa fa-user"></b> €1400</a></li> 
       </ul> 
      </div>  
     </td> 

    </tr> 
</tbody></table> 

...而不是：

<table style="width: 100%;"> 
    <tbody><tr> 
     <td>foo bar foo bar foo bar foo barfoo bar foo bar foo bar foo barfoo bar foo bar foo bar foo bar</td> 
     <td> 
      <div class="btn-group dropdown-m-wrapper" rel="1400::245::1"> 
       <button type="button" class="btn btn-default toggle-drop" rel="1400::245::1" id="select_1400_245_1">Choisir chambre</button> 
       <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
        <span class="caret"></span> 
       </button> 
       <ul class="dropdown-menu" role="menu"> 
        <li><a href="javascript:void(0);" rel="1400::245::1" class="change-room-selected-status" data-value="2"><b class="fa fa-user"></b> €1400</a></li> 
       </ul> 
      </div>  
     </td> 

    </tr> 
</tbody></table> 

謝謝！

Answer 1

固定td導致插入符號不會進入第二行。 選擇不固定，insed它應該是左移。
試試這個：http://www.bootply.com/mutJgilNS8
或看到自舉的例子http://getbootstrap.com/javascript/#dropdowns-examples