Search code examples
bootstrap-4

What happened to the .pull-left and .pull-right classes in Bootstrap 4?

In the newest version the pull-left and pull-right have been replaced by .pull-{xs,sm,md,lg,xl}-{left,right,none}

That means that instead of writing a simple class="pull-right", I will have now to write class="pull-md-right pull-xl-right pull-lg-right pull-sm-right pull-xs-right"

Is there a less tedious way to do it?

Solution

  • Back in 2016 when this question was originally asked, the answer was:

    $('.pull-right').addClass('pull-xs-right').removeClass('pull-right')

    But now the accepted answer should be Robert Went's.