Question

我试图将图像放在右侧，将文本放在左侧，但由于某种原因，它相反，我不知道为什么，顺便说一句，我怎样才能缩小它以适应“你能看到徽标背后的简洁吗？”大小

Answer 1

您想要的左侧列应该是第一个。所以在这种情况下是文本。

实施例

<div class="row">
    <div class="col-xs-6">
        [text]
    </div>
    <div class="col-xs-6">
        [image]
    </div>
</div>

您在徽标上有img-responsive类，因此它会根据视口大小进行缩放。你还有一个内联样式，高度为：＃200;高度：200px＆＃34;。降低此数字会减小徽标的大小。

Answer 2

来自bootstrap的样式正在设置您的布局。例如，你的图像<img src="Isaac.png" alt="" id="img_q" class="col-xs-6 text-right">有一个浮动：左边来自引导程序。您可以通过将样式内联为<img src="Isaac.png" alt="" id="img_q" class="col-xs-6 text-right" style="float: right;">或放置！important来覆盖引导样式;在您想要覆盖其他样式的样式之后。使用浏览器上的开发人员工具分析css，您将看到影响您网页的内容和不受影响的内容。

Bootstrap不会将图像和文本放在中间并排

2 个答案: