1To aligning div in bootstrap you can use bootstrap classes like
21. float-left
32. float-right
43. float-none
5
6<div class="float-left">Float left on all viewport sizes</div><br>
7<div class="float-right">Float right on all viewport sizes</div><br>
8<div class="float-none">Don't float on all viewport sizes</div>
1<div class="float-sm-left">Float left on viewports sized SM (small) or wider</div><br>
2<div class="float-md-left">Float left on viewports sized MD (medium) or wider</div><br>
3<div class="float-lg-left">Float left on viewports sized LG (large) or wider</div><br>
4<div class="float-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br>
1<div class="row flex-nowrap">
2 <div class="col"></div>
3 <div class="col"></div>
4</div>
1<div id="app" class="container">
2 <nav class="navbar navbar-toggleable-md navbar-light bg-faded">
3 <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">
4 <span class="navbar-toggler-icon"></span>
5 </button>
6 <a class="navbar-brand" href="#">Navbar</a>
7 <ul class="navbar-nav mr-auto">
8 <li class="nav-item active">
9 <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
10 </li>
11 <li class="nav-item">
12 <a class="nav-link" href="#">Features</a>
13 </li>
14 <li class="nav-item">
15 <a class="nav-link" href="#">Pricingg</a>
16 </li>
17 </ul>
18 <ul class="navbar-nav">
19 <li class="nav-item">
20 <a class="nav-link" href="{{ url('/login') }}">Login</a>
21 </li>
22 <li class="nav-item">
23 <a class="nav-link" href="{{ url('/register') }}">Register</a>
24 </li>
25 </ul>
26 </nav>
27</div>
1Toggle floats on any element, across any breakpoint, using our responsive float utilities.
2<div class="float-left">Float left on all viewport sizes</div><br>
3<div class="float-right">Float right on all viewport sizes</div><br>
4<div class="float-none">Don't float on all viewport sizes</div>