如何將兩個col對齊？引導3格

我有三列顯示在一行中，我需要對齊最後兩個右邊的角落，它與一列正常工作，但當我試圖拉右二它擾亂了網格，並推動元素下一個排下來。問題是如何將一列向右對齊，而另一列靠近它。如何將兩個col對齊？引導3格

 <div class="row "> 
        <div class="col-sm-4"> 
        ... 
        </div> 

        <div class="col-sm-3" > 
        ... 
        </div> 

        <div class="col-sm-5 pull-right"> 
         <div class=" pull-right"> 
          ... 
         </div> 
        </div> 
     </div>

電流：

|[  ]  [  ]  [  ]|

通緝：

|[  ]    [  ][  ]|

來源

2014-03-06 user2998105

你就不能添加'拉right'到中間列？ – Jason

我嘗試過的第一件事，中排到右下角，右排到下一排。 – user2998105

可能重複[左對齊和右對齊在Bootstrap中的div]（https://stackoverflow.com/questions/18672452/left-align-and-right-align-within-div-in-bootstrap） –

這取決於你是否是中間一列內右對齊文本，或柱內的一些其他容器..在這裏是幾個例子，可以爲你工作..

http://www.bootply.com/119747

<div class="row "> 
    <div class="col-sm-4"> 
    1 text here 
    </div> 
    <div class="col-sm-3 text-right"> 
    2 text here 
    </div> 
    <div class="col-sm-5"> 
    3 text here 
    </div> 
</div> 

<div class="row "> 
    <div class="col-sm-4"> 
    <div class="well"> 
     content 
    </div> 
    </div> 
    <div class="col-sm-3"> 
    <div class="well pull-right"> 
     content pull-right 
    </div> 
    </div> 
    <div class="col-sm-5"> 
    <div class="well"> 
     content 
    </div> 
    </div> 
</div>

來源

2014-03-07 12:35:36 ZimSystem

使用較低的山坳大小與偏移這樣的：

<div class="col-sm-3"></div> 
<div class="col-sm-3 offset-col-sm-3"></div> 
<div class="col-sm-3"></div>

來源

2015-10-03 15:25:28 molikh

col-sm -3 offset-col-sm-3 – molikh

col-sm-3 // col-sm-3 offset -col-sm-3 // col-sm-3 //這個類別的三個div – molikh

這是爲什麼downvoted？ – Ferrybig

如何將兩個col對齊？引導3格

回答

相關問題