2014-09-06 168 views
0

我在我的應用程序中使用了bootstrap 3.2。 我正在連續包裝兩個col-md-6。Bootstrap:父元素的固定div高度

一列有一些內容。另一列是空的 我想要另一列與具有一些文本的列高度相同 使用滾動條的高度應該是固定的高度。 我不能手動設置高度,高度可以改變

見附件截屏

Fixed height

+0

'高度應該用滾動條固定高度'當你說'我不能手動設置高度作爲高度可以改變'時,這是什麼意思?固定高度或不同高度? – 2014-09-06 07:04:54

+0

用例是因爲我輸入的內容我會把它渲染到第二個div,所以如果內容更多,應該有滾動條 – user123 2014-09-06 07:22:48

+1

難道你不能使用'min-height'和'overflow-y:auto;'for兩個元素? – 2014-09-06 08:06:23

回答

0

試試這個:

DEMO

var height = $("#Col1")[0].clientHeight; 
    $("#Col2").css('height', height + 'px'); 
+0

沒有任何引導類自動設置高度。 我認爲這應該是內置引導 – user123 2014-09-06 06:45:33

+0

如果我在多個地方有這種情況,我必須在每個不可行的地方使用這個腳本 – user123 2014-09-06 06:48:13

+0

我認爲在bootstrap中沒有選項 – 2014-09-06 06:48:49

1

使用COL-MD -12代替col-md-6

<style> 
    .table tr td{width:50%;} 
</style> 
<table class="table table-bordered"> 
    <tbody> 
     <tr> 
      <td> 
       Your text 
      </td> 
      <td> 
       &nbsp; 
      </td> 
     </tr> 
    </tbody> 
</table>