Bootstrap align right

To aligning div in bootstrap you can use bootstrap classes like
1. float-left
2. float-right
3. float-none

<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

Float in bootstrap

Toggle floats on any element, across any breakpoint, using our responsive float utilities.
<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

Bootsrap 4 float menu right

<div id="app" class="container">
  <nav class="navbar navbar-toggleable-md navbar-light bg-faded">
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <a class="navbar-brand" href="#">Navbar</a>
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Pricingg</a>
      </li>
    </ul>
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="{{ url('/login') }}">Login</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="{{ url('/register') }}">Register</a>
      </li>
    </ul>
  </nav>
</div>

Source: stackoverflow.com

Bootstrap align right button

<div class="float-sm-left">Float left on viewports sized SM (small) or wider</div><br>
<div class="float-md-left">Float left on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-left">Float left on viewports sized LG (large) or wider</div><br>
<div class="float-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br>

Source: getbootstrap.com

Bootstrap row no-wrap

<div class="row flex-nowrap">
    <div class="col"></div>
    <div class="col"></div>
</div>

Source: stackoverflow.com

Similar codes

3 votes148 views2 answers
How to add icon to custom page tab
Html
0 vote144 views1 answer
Align buttons next to each other bootstrap
Html
8 votes164 views3 answers
Bootstrap form templates
Html
0 vote163 views1 answer
Html input tooltip
Html
-1 vote187 views1 answer
Allow multiple select on radio button in html
Html
0 vote161 views1 answer
Alive
Html
51 votes216 views6 answers
French to english
Html
9 votes160 views2 answers
Open image in new tab html
Html
0 vote153 views2 answers
Html css change reading direction
Html
0 vote149 views1 answer
Agregar atributo jquery
Html