div寬度不適合子內容

Question

如何使用bootstrap將div與其內容配合。

<div class="row-fluid"> 
    <div class="span12"> 
    <div style="<!--tried with inline-block float:left clear:left white-space:nowrap width:auto -->"> 
     <div class="span6"> 
     <table> 
     </table> 
     </div> 
    </div> 
    </div> 
</div> 

沒有任何樣式的工作。請幫助我..

Answer 1

我假設您正在使用的這個類是twitter引導程序，如果是這樣，您的標記是錯誤的。

<div class="row-fluid"> 
    <div class="span12"> 
    <!-- span6 inside span12 will not use up 50% space unless it is the first child of a row --> 
    <div class="row-fluid"> 
     <div class="span6"> 
     <table> 
     </table> 
     </div> 
    </div> 
    </div> 
</div> 

而且，跨度*是浮動的，所以除非它們是「行」元素裏，你需要使用一個clearfix DIV

<div class="row-fluid"> 
    <div class="span12"> 
    <div style="<!--tried with inline-block float:left clear:left white-space:nowrap width:auto -->"> 
     <div class="span6"> 
     <table> 
     </table> 
     </div> 
     <div class="clearfix"></div> 
    </div> 
    </div> 
</div> 

而在去年，你總是可以嘗試使用「溢出：隱藏「在集裝箱上以使其適應漂浮的兒童。