引导程序网格对齐

我想对齐引导程序网格系统中的一列，以便将col中的所有内容都推送到右侧。我已经尝试过助手类拉右，但它没有做任何事情。我希望能够将我的任何列中的元素移动到左侧或右侧的中心，但我认为我错过了一些东西。引导程序网格对齐

<div class="col-xs-4 pull-right"> 
      <div class="form-group"> 
       <label for="field-1" class="col-sm-1 control-label">Filter:</label> 
        <div class="col-sm-6"> 
         <input type="text" class="form-control" id="field-1" placeholder="Enter info"> 
        </div> 
      </div> 
     </div>

所有我想要做的是移动内容在右列是正确对齐http://i.imgur.com/2csx7az.jpg

我试图创建一个名为CSS规则COL-右文本对齐权利，但没有做任何事。

来源

2014-11-20 NickN

您是否尝试过使用偏移？您可以控制列的右侧有多远。右拉只是漂浮在右边。得到你想要做的事情的图形例子可能会有帮助。 – Aibrean 2014-11-20 18:48:31

以下是布局的截图。有3列，我想推右边的列一直到右边的表单字段.http：//i.imgur.com/d9p8UdA.jpg – NickN 2014-11-20 19:01:40

我想你要使用的引导电网的cols要达到什么你想要的，然后text-right对齐列的内容...

<div class="col-xs-4"> 
    <div class="form-group"> 
    <label for="field-1" class="col-sm-6 text-right control-label">Filter:</label> 
    <div class="col-sm-6"> 
     <input type="text" class="form-control" id="field-1" placeholder="Enter info"> 
    </div> 
    </div> 
</div>

http://www.bootply.com/wKNm4JQqhV

来源

2014-11-20 19:14:52 ZimSystem

感谢您的评论我尝试添加该类，没有任何改变。 – NickN 2014-11-20 19:29:24

文本权利似乎与其中的文本，但不是这些表单域。必须有一些其他属性覆盖这个或保持它的工作。 – NickN 2014-11-20 21:19:33

也许这就是你要找的？

<div class="row"> 
    <div class="col-xs-4 pull-right"> 
     <div class="form-group"> 
      <label for="field-1" class="col-sm-1 control-label">Filter:</label> 
      <div class="col-sm-6"> 
       <input type="text" class="form-control" id="field-1" placeholder="Enter info"> 
      </div> 
     </div> 
    </div> 
    <div class="col-xs-4"> 
     <div class="form-group"> 
      <label for="field-2" class="col-sm-1 control-label">Filter 2:</label> 
      <div class="col-sm-6"> 
       <input type="text" class="form-control" id="field-2" placeholder="Enter info2"> 
      </div> 
     </div> 
    </div> 
</div>

Here is a jsFiddle工作。

来源

2014-11-20 19:00:40 CmdrTallen

引导程序网格对齐

回答

相关问题