Advertisement
Guest User

Untitled

a guest
Feb 22nd, 2019
55
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.25 KB | None | 0 0
  1. <div class="full-height">
  2. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  3. <a class="navbar-brand" href="#">Logo</a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
  4. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  5. <ul class="navbar-nav ml-auto">
  6. <li class="nav-item"><a class="nav-link active" aria-current="page" href="/">Home</a></li>
  7. </ul>
  8. </div>
  9. </nav>
  10. <div class="container h-100">
  11. <div class="row h-100 justify-content-center align-items-center">
  12. <form class="col-12">
  13. <div class="form-group"><label for="formGroupExampleInput">Example label</label><input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"></div>
  14. <div class="form-group"><label for="formGroupExampleInput2">Another label</label><input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"></div>
  15. </form>
  16. </div>
  17. </div>
  18. </div>
  19.  
  20. body, html, .full-height {
  21. height: 100%;
  22. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement