Bootstrap：自己的课程必要吗？

Question

我想知道如何以正确的方式使用bootstrap框架。

我有row，只有一个col-lg-12。我只想拿一个带有div的列表，所以我认为最好为每个“行”包含一行，总共只有一个列。然而：在那个col中，我通过绝对定位将内容与我自己的类定位。

我现在的问题是：当调整窗口大小时，它会因为无法响应而陷入混乱。当然，我可以用每个显示案例的媒体查询覆盖我自己的绝对类，但这是一个好方法吗？有没有办法只在div中使用bootstrap？

图像显示具有绝对内容的div。整个div（带有发光边框）是列（col-lg-12）。

Answer 1

我会考虑为你的div使用bootstrap类，但只有这样才能获得正确的响应宽度。如果顶部div设置为position:relative，则在调整大小时，子div将正确反应

或者您可以重新考虑您的方法，根据此图像，您实际上不需要使用绝对定位来实现此布局。

这样的事情可以起作用

<div class="col-lg-12">
    <div class="col-xs-9"> <!-- Left col -->
        <div class="top"></div>
        <div class="bottom"></div>
    </div>
    <div class="col-xs-3"> <!-- right col -->
        <div class="fullHeight"></div>
    </div>
</div>