A Pen by ReeZh Design on CodePen.
Mike Bird BudgieB
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- USING BOOTSTRAP 3.0.3 --> | |
| <nav class="navbar navbar-inverse navbar-fixed-top"> | |
| <div class="container"> | |
| <div class="navbar-header"> | |
| <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| </button> | |
| <a class="navbar-brand" href="#">Logo</a> |
BudgieB
/ bootstrap-4-navbar-display-submenu-on-hover.markdown
Created
March 28, 2021 10:40
Bootstrap 4 Navbar - Display Submenu on Hover
BudgieB
/ bootstrap-4-navbar-with-logo-image.markdown
Created
March 28, 2021 10:38
Bootstrap 4 Navbar with Logo Image
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <header> | |
| <div class="navbar" role="navigation"> | |
| <div class="container"> | |
| <div class="navbar-header"> | |
| <a class="navbar-brand" id="logo" href="#">jQuery Animations</a> | |
| <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mynav"> | |
| <span class="sr-only">Toggle navigation</span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body class="hero-anime"> | |
| <div class="navigation-wrap bg-light start-header start-style"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-12"> | |
| <nav class="navbar navbar-expand-md navbar-light"> | |
| <a class="navbar-brand" href="https://front.codes/" target="_blank"><img src="https://assets.codepen.io/1462889/fcy.png" alt=""></a> | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="nav"> | |
| <input type="checkbox" id="nav-check"> | |
| <div class="nav-header"> | |
| <div class="nav-title"> | |
| JoGeek | |
| </div> | |
| </div> | |
| <div class="nav-btn"> | |
| <label for="nav-check"> | |
| <span></span> |
Design is based from dribble.com http://dribbble.com/shots/2125879-Day-001-Login-Form
A Pen by Mohan Khadka on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="form"> | |
| <ul class="tab-group"> | |
| <li class="tab active"><a href="#signup">Sign Up</a></li> | |
| <li class="tab"><a href="#login">Log In</a></li> | |
| </ul> | |
| <div class="tab-content"> | |
| <div id="signup"> | |
| <h1>Sign Up for Free</h1> |