在引導3對齊div右

引導3中有一種方法來正確對齊div嗎？在引導3對齊div右

我知道抵消的可能性，但我想調整一個格式化的div到其容器的右側，而它應該以全角移動視圖爲中心。班'拉右'不再工作了。他們忘了替換它還是我錯過了一些明顯的東西？

<div class="row"> 
    <div class="container"> 
    <div class="col-md-4"> 
     left content 
    </div> 
    <div class="col-md-4 col-md-offset-4"> 
     <!-- The next div has a background color and its own paddings and should be aligned right--> 
     <!-- It is now in the right column but aligned left in that column --> 
     <div class="yellow_background">right content</div> 
    </div> 
    </div> 
</div>

舒爾我知道如何做到這一點在CSS中，但它可以在純引導3？

來源

2013-11-03 Klaaz

拉右工作在這裏... – Gavin

你的意思是這樣的：

HTML

<div class="row"> 
    <div class="container"> 

    <div class="col-md-4"> 
     left content 
    </div> 

    <div class="col-md-4 col-md-offset-4"> 

     <div class="yellow-background"> 
     text 
     <div class="pull-right">right content</div> 
     </div> 

    </div> 
    </div> 
</div>

CSS

.yellow-background { 
    background: blue; 
} 

.pull-right { 
    background: yellow; 
}

完整的例子可以在Codepen找到。

來源

2013-11-03 22:22:01

的類上拉權是引導3 仍有見'helper classes' here

右拉式由

.pull-right { 
    float: right !important; 
}

不上的風格和內容的詳細信息定義，這是很難說。

它絕對正確的拉在此JSBIN 當頁面比990px寬 - 這是當COL-MD造型踢，引導3爲移動第一和所有。

來源

2013-11-03 22:23:33 JasonB

我想你嘗試對準格中的內容的權利，以彌補已推自己的權利DIV，這裏的一些代碼和LIVE sample：
FYI：.pull-right只推DIV向右，但不是div內的內容。

HTML：

<div class="row"> 
    <div class="container"> 
    <div class="col-md-4 someclass"> 
     left content 
    </div> 
    <div class="col-md-4 col-md-offset-4 someclass"> 
     <div class="yellow_background totheright">right content</div> 
    </div> 
    </div> 
</div>

CSS：

.someclass{ /*this class for testing purpose only*/ 
    border:1px solid blue; 
    line-height:2em; 
} 

.totheright{ /*this will align the text to the right*/ 
    text-align:right; 
} 

.yellow_background{ 
    background-color:yellow; 
}

另一個修改：

... 
<div class="yellow_background totheright"> 
    <span>right content</span> 
    <br/>image also align-right<br/> 
    <img width="15%" src="https://www.google.com/images/srpr/logo11w.png"/> 
</div> 
...

希望它會清除你的問題

來源

2013-11-05 12:36:37 xnome

-2

添加offset8到您的CL屁股，例如：

<div class="offset8">aligns to the right</div>

來源

2016-04-06 21:51:03 preeti

請編輯您的答案，並通過提供更多的細節，以提高其質量。 –

在引導3對齊div右

回答

相關問題