我誤解一些關於自舉的嵌套行...bootstrap3嵌套行不正確的行爲
- 讓我們說我有1200像素的容器。
- 然後我有第一個div與col-lg-4,這意味着400px的第一級。
- 在這個col-lg-4裏面我創建了第二層行,我的理解是新行將充當容器。
新的行寬應該用來計算列分解,這裏400px將意味着「col-xs」,我得到錯誤嗎?
<div class="container" style="border:1px solid">
<div class="row">
Let's say the container is 1200px
</div>
<div class="row">
<div class="col-lg-4">
<div class="row" style="border:1px solid blue;">
This div size should be 1200/4=300px (which means <b>col-xs</b> only should be active)
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div style="border:1px solid red;">
But it is always using col-lg-3, instead of col-sm-6
</div>
</div>
</div>
</div>
How can I have the red box to use the <b>xs/sm</b> size and use half of the 300px ?
</div><!-- /.container -->
從給定的例子,我怎麼可能有紅色節點使用COL-SM-6,而不是COL-LG-3?
我需要讓他認爲這是小屏幕,而不是大的...