html - Bootstrap 固定列大小

Question

我想将列的右侧设置为 400 像素宽的固定大小，而左侧部分为 100% 的差异。

当前代码:

<div class="container-fluid fill">
    <div class="row">
        <div id="leftpanel" class="col-md-8">
    </div>
    <div id="rightpanel" class="col-md-4">
    </div>
</div>

我将如何使用 Bootstrap 来做到这一点？

Answer 1

不仅使用 bootstrap，而且即使使用 nay CSS 技巧，也很难在像素中设置列固定宽度，其余的列是屏幕其余部分的 100%，因为每个设备都有不同的分辨率。尽管如此，如果你想实现这一点，你应该看看 css 的 calc() 函数。虽然并非所有现代浏览器都支持它，但会对您有所帮助。