bootstrap 4拉xs權利不按預期工作

我有這個html使用bootstrap 4 utilities將按鈕拉到屏幕的右側。它確實這樣做。bootstrap 4拉xs權利不按預期工作

但是，按鈕不會像預期的那樣按下它下面的內容。他們最終覆蓋在以下內容的頂部。

如果我不使用pull-xs-right那麼按鈕是左對齊的，但他們推動下面的項目。

是否還有其他我需要申請的課程？

 <div class="pull-xs-right"> 
      <button click.delegate="saveEdit()" 
        type="submit" 
        class="k-button k-primary"> 
       Save 
      </button> 
      <button click.delegate="cancel()" 
        class="k-button"> 
       Cancel 
      </button> 
     </div>

來源

2016-09-17 Greg Gum

分享您在jsfiddle上的工作。 – JeetDaloneboy

pull-xs-right只增加'float：right'，讓你的div保持100％寬度的塊 – danopz

在自舉4中加入用於響應浮子.float-{sm,md,lg,xl}-{left,right,none}類，和取代.pull-left和.pull-right。

這意味着：

.pull-right被.float-right

.pull-left取代被替換.float-left

.pull-xs-right是錯誤的，由.float拉之間的xs更換.pull，右代表的超小型這就決定了元素的大小。以下是改變的元件尺寸的選項：{xs,sm,md,lg,xl}其中xs =額外小，sm =小，md =中等，lg =大和xl =超大

參見：https://v4-alpha.getbootstrap.com/migration/

來源

2017-01-04 10:11:49

謝謝！我已經失去了2個小時的生活......我將在下次更快尋找遷移文檔... – rtfminc

in https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css /bootstrap.min.css沒有'float-xs-right'，但是從'sm'開始，例如'float-sm-right' –

對不起，因爲延遲將此標記爲正確答案。我早點錯過了這個。 –

如上浮子提到取代拉。所以.float-right取代.pull-right和.float-left取代.pull-right。您可以爲不同的斷點添加 - {sm,md,lg,xl}，例如.float-md-right將在中型屏幕上打破。如果你離開尺寸，那麼它不會破裂，並將始終漂浮在所示的方向。

來源

2017-09-30 00:44:07

bootstrap 4拉xs權利不按預期工作

回答

相關問題