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

0 vote260 views3 answers
Call modal by id href
Html
255 votes431 views8 answers
Bootstrap 4 cdn
Html
14 votes263 views3 answers
How to insert a line in html
Html
0 vote347 views3 answers
A4E65CBE3A6138978B9A802656F13AED.uat01-vm-tx01
Html
0 vote271 views1 answer
How to add caption on image in html
Html
0 vote260 views1 answer
<model-view> in html tag
Html
1 vote268 views1 answer
Iframe render html in angular
Html
0 vote259 views1 answer
Radio checked on start
Html
0 vote263 views1 answer
Sticky footer css grids
Html
0 vote256 views1 answer
Tick html code
Html