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

Question

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

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

我想要完成的是元素1和元素2也停留在同一行（行）上并且未被包装。正如您在示例中看到的那样，元素拥有足够的空间可以在同一行上呈现。

你能解释他们为什么被包裹。我认为容器流体会产生问题？ 有没有解决方法？

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>