使用BS3在一行上显示图像

Question

您好我是新手，我希望在一行上显示这些图像。这是代码：

<div class="container">
  <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
    <div class="col-lg-3 col-md-3 col-sm-3">
      <img src="img/LOGO2.jpg">
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6">
      <img src="img/w.jpg">
    </div>
    <div class="col-lg-3 col-md-3 col-sm-3">
        <img src="img/f.jpg">
        <img src="img/y.jpg">
    </div>
  </div>
  </div>

我做错了什么？

Answer 1

如果您在小窗口（例如移动设备）上查看文档，则图像将下拉并且不会出现在同一行上。

为div小元素.col-xs

添加另一个前缀类

• .col-xs-*超小型设备（＆lt; 768px）
• .col-sm-*小型设备平板电脑（≥768px）
• .col-md-*中型设备桌面（≥992px）
• .col-lg-*大型设备桌面（≥1200px）

实施例

http://jsfiddle.net/e9yN5/