html5 - Div width not fit with child contents -


how fit div contents using bootstrap.

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

nothing working of styles. please me..

i assume classes using twitter bootstrap, if so, markup wrong.

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

also, span* floated, unless inside "row" element need use clearfix div

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

and last, can try using "overflow:hidden" on container div make adapt floated children.


Comments

Popular posts from this blog

php - Why I am getting the Error "Commands out of sync; you can't run this command now" -

linux - Does gcc have any options to add version info in ELF binary file? -

java - Are there any classes that implement javax.persistence.Parameter<T>? -