html - Bootstrap 布局建议

Question

我发现自己在摸索这个我需要使用 Bootstrap 设计的奇怪布局。

想象一下这个尺寸是 660 x 330 宽，我想要做的是在任何东西之间没有任何填充，在左侧有一个 100% 填充黑色的图像。它的大小永远不会改变，在它不适合的屏幕上它会使用不同的布局(所以这只会真正适用于小+屏幕尺寸。

这是我最初的想法，但由于图像不一定适合列宽，所以这行不通。最好创建一个正好是 660x330 的容器，然后在其中使用行/列吗？或者在这种情况下我应该远离 Bootstrap 。在此先感谢您的任何建议。

<div class="row">
<div class="col-xs-6">
    <img src="../images/temp-featurelarge.jpg"/>
</div>
<div class="col-xs-6">
    <div class="row">
    </div>
    <div class="row">
        <div class="col-xs-6">
        </div>
        <div class="col-xs-6">
        </div>
    </div>
</div>

Answer 1

是的，您可以创建一个具有特定宽度和高度的div，然后使用列进行拆分。但在你的情况下，我想如果你对内部 div 使用“width: 50%”那会很好，而且没有必要使用 Bootstrap 列。