bootstrap 4 pull-xs-right nie działa zgodnie z oczekiwaniami

Question

Mam ten html przy użyciu bootstrap 4 utilities, aby pociągnąć przyciski po prawej stronie ekranu. I robi to.

Jednak przyciski nie przesuwają zawartości poniżej ekranu zgodnie z oczekiwaniami. Kończą się one nakładką na zawartość poniżej.

Jeśli nie używam pull-xs-right, przyciski są wyrównane do lewej strony, ale naciskają poniższe elementy.

Czy jest jeszcze inna klasa, którą muszę złożyć?

 <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> 

Answer 1

W Bootstrap 4 .float-{sm,md,lg,xl}-{left,right,none} zajęcia dodano do odpowiadających pływaków i zastąpione .pull-left i .pull-right.

To znaczy:

.pull-right został zastąpiony przez .float-right

.pull-left został zastąpiony przez .float-left

.pull-xs-right jest źle, wymienić .pull przez .floatxs między pociągnięciem i prawo stoi na dodatkowy mały która określa rozmiar elementu. Poniżej przedstawiono opcje, aby zmienić rozmiar elementu: {xs,sm,md,lg,xl} gdzie xs = dodatkowy mały, sm = mały, md = średni, lg = duże i xl = XL

Patrz: https://v4-alpha.getbootstrap.com/migration/

Answer 2

Jak wspomniano powyżej pływaka zastępuje Ciągnąć. Tak więc .float-right zastępuje .pull-right i .float-left zastępuje .pull-right. Możesz dodać - {sm,md,lg,xl} dla różnych punktów przerwania, na przykład .float-md-right załamie się na ekranach średniej wielkości. Jeśli pozostawisz taki rozmiar, nie będzie on łamał się i zawsze będzie pływał we wskazanym kierunku.