Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [b]Download:[/b][url]https://codepen.io/aeolustech/pen/OmWOoz[/url]
- [b]Source Code:[/b][url]https://pastebin.com/nr0Aib5P[/url]
- Navbar.css is a modern look at navigation bars
- [h]Tutorials[/h]
- Navbar.css offers easy installation to add amazing and modern navigation bars in a flash.
- [b]Installing navbar.css into your html document[/b]
- [code]<div class="navbar"></div>[/code]
- Example:
- [code]<!--Navbar Start-->
- <div class="navbar=">
- <!--Left Link-->
- <a href="#" class="left">Left</a>
- <!--Right Links-->
- <a href="#" class="right">Right</a>
- <a href="#" class="right">Right</a>
- </div>
- <!--End Navbar-->[/code]
- [h]Installing styles[/h]
- There are 8 different styles for navbar.css including:
- [list=*]
- [*].navbar-light[/*]
- [*].navbar-dark[/*]
- [*].navbar-blue[/*]
- [*].navbar-yellow[/*]
- [*].navbar-red[/*]
- [*].navbar-green[/*]
- [*].navbar-orange[/*]
- [*].navbar-custom (custom color by changing the background-color)[/*]
- [/list]
- To install, include the class inside of the div tag.
- Example:
- Navbar Light
- [code]<div class="navbar navbar-light"></div>[/code]
- Navbar Dark
- [code]<div class="navbar navbar-dark"></div>[/code]
- Navbar Blue
- [code]<div class="navbar navbar-blue"></div>[/code]
- Navbar Yellow
- [code]<div class="navbar navbar-yellow"></div>[/code]
- Navbar Red
- [code]<div class="navbar navbar-red"></div>[/code]
- Navbar Green
- [code]<div class="navbar navbar-green"></div>[/code]
- Navbar Orange
- [code]<div class="navbar navbar-orange"></div>[/code]
- Navbar Custom
- [code]<div class="navbar navbar-custom"></div>[/code]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement