Bootstrap 2 CSS - 按鈕下拉不會超過表格內容

這與https://github.com/twitter/bootstrap/issues/3287（見圖片）的問題相同，但我不明白解決方案！Bootstrap 2 CSS - 按鈕下拉不會超過表格內容

我有以下HTML：

<div class="btn-toolbar"> 
    <div class="btn-group"> 
    <button class="btn dropdown-toggle" data-toggle="dropdown">Options<span class="caret"</span></button> 
    <ul class="dropdown-menu"> 
     <li><a href="del"> Action 1</a></li> 
     <li><a href="details"> Action 2</a></li> 
     <li><a href="edit"> Action 2</a></li></ul></div></div> 
    </ul> 
    </div> 
</div>

應該做一個表，可以單擊揭示從按鈕下拉一些選項按鈕。

非常感謝:)。

來源

2012-07-04 ale

你能否提供http://jsfiddle.net小提琴？ – Andre

這對我的作品

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Test Page</title> 
    <link rel="stylesheet" type="text/css" href="includes/bootstrap/css/bootstrap.min.css" /> 
</head> 
<body> 
<table class="table"> 
    <tbody> 
     <tr><td>some stuff</td><td>some more stuff</td></tr> 
     <tr> 
      <td>here's something</td> 
      <td> 
       <div class="btn-toolbar"> 
        <div class="btn-group"> 
         <button class="btn dropdown-toggle" data-toggle="dropdown">Options<span class="caret"></span></button> 
         <ul class="dropdown-menu"> 
          <li><a href="del"> Action 1</a></li> 
          <li><a href="details"> Action 2</a></li> 
          <li><a href="edit"> Action 2</a></li></ul></div></div> 
         </ul> 
        </div> 
       </div> 
      </td> 
     </tr> 
     <tr> 
      <td>another row</td> 
      <td>with more stuff</td> 
     </tr> 
    </tbody> 
</table> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript" src="includes/bootstrap/js/bootstrap.min.js"></script> 
</body> 
</html>

來源

2012-07-04 16:52:10

Bootstrap 2 CSS - 按鈕下拉不會超過表格內容

回答

相關問題