css - Bootstrap 和图像宽度

Question

我使用的是 Bootstrap 3，我的页面应该有 2 行。第一行应该有两个标志(219px 宽度和 61px 宽度)和一个菜单 div。第二行应该有大标志(749 像素宽)和一个菜单分区。所以我写了下面的代码:

        <div class="row">
            <div class="col-md-5">
                <img src="images/LEFT_LOGO.jpg" class="img-responsive">
            </div>
            <div class="col-md-5">
                <img src="images/RIGHT_LOGO.jpg" class="img-responsive pull-right">
            </div>
            <div class="col-md-2">Right menu 1</div>
        </div>
        <div class="row">
            <div class="col-md-10">
                <img src="images/BIG_LOGO.jpg" class="img-responsive">
            </div>
            <div class="col-md-2">Right menu 2</div>
        </div>

当我运行我的 HTML 页面时，RIGHT_LOGO.jpg 和 BIG_LOGO.jpg 没有正确对齐。我如何设置它，使 LEFT_LOGO.jpg 与 BIG_LOGO.jpg 的左侧对齐，RIGHT_LOGO.jpg 与 BIG_LOGO.jpg 的右侧对齐？似乎 col-md-10 类应该等于 BIG_LOGO.jpg 的宽度。但我不确定如何处理这个问题。

Answer 1

尝试将 BIG_LOGO.jpg 的宽度设置为 100%。这应该使它填满 col-md-10 的宽度，左右图像应该在各自的边上对齐。

<div class="col-md-10">
    <img src="images/BIG_LOGO.jpg" class="img-responsive" style="width: 100%">
</div>