Bootstrap 3可見-xs類移位柵格

這是我的HTML現在。每當我在一個較小的屏幕上查看它，而不是按照col來顯示在最右側時，它會出現在屏幕的中心。Bootstrap 3可見-xs類移位柵格

<div class='row visible-xs-block'> 
    <div class='col-xs-2 col-xs-offset-10'> 

    <h3>DFA Rice Blog</h3> 
    <h4><a href="archive">Archive</a></h4> 

    </div> 
</div>

我正在尋找一種方式來解決這個問題

來源

2014-07-15 maclockard

使用BS 3.1？看起來像col-xs-offset-10被重新添加到3.1 –

使用3.2，我在其他地方使用col-xs-offset-10就好了 – maclockard

嘗試使用拉右而不是偏移量。 –

就像它是由肖恩建議，最好只使用拉權並設置列的長度你想要的，而不是試圖用玩一個偏移量。類似這樣的應該完美：

<div class='row visible-xs-block'> 
    <div class='col-xs-12'> 
     <div class="pull-right"> 
      <h3>DFA Rice Blog</h3> 
      <h4><a href="archive">Archive</a></h4> 
     </div> 
    </div> 
</div>

來源

2014-07-15 14:47:59 c0r3yz

出於某種原因，似乎仍然無法與引導式膠筒系統配合使用。我的代碼工作，但只在Firefox。在鉻和Safari瀏覽器崩潰 – maclockard

你能拋出一個jsbin或jsfiddle與你的代碼，演示了這一點？使用這個基礎引導的例子，它適用於我。這可能是其他事情可能會干擾... – c0r3yz

我不確定我是否會說這是'最好的'，只是拋出一個想法。他的代碼*應該*儘可能地工作，所以我同意，顯示錯誤的jsfiddle或bootply會是最有幫助的。 –

Bootstrap 3可見-xs類移位柵格

回答

相關問題