Question

以下示例：http://www.bootply.com/ygN8uoWw7p#尝试创建一个布局，左侧有一些文本，右侧有一些按钮和更复杂的东西（应该是右对齐）

我知道容器和容器 - 液体不应该嵌套。但据我了解，原因是填充。

我想要完成的是element1和element2也保持在同一行（行）并且没有被包装。正如您在示例中所看到的那样，元素具有足够的空间以在同一行上呈现。

你能解释一下它们被包裹的原因吗？我认为容器流体会产生问题吗？有没有解决方案？

Answer 1

元素1和元素2在您的文字左侧。它是按下这些元素的按钮。

像这样移动你的按钮，你会看到：

<div class="container">
  <div class="row">
    <div class="col-lg-8">On the left</div>
    <div class="col-lg-4 text-right">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-2">El1</div>
          <div class="col-lg-2">El2</div>
            <span><button type="button" class="btn btn-default" data-original-title="" title=""><i class="fa fa-users"></i> </button></span>
        </div>
      </div>
    </div>
  </div>
</div>

Bootstrap列包装容器 - 流体（与容器嵌套）

1 个答案: