Releases: tomnific/Applenav
Releases · tomnific/Applenav
Applenav 1.0
Initial release of Applenav - a near perfect (and customizable) replica of Apple's navbar!
Installation
- Install Bootstrap and set up your navigation bar
- Set up your navbar as
navbar-inverse
_Note:_ it MUST benavbar-inverse
- Download this release
- Put the
applnav
folder into the folder where your site's resources are - Add this line _After_ the Bootstrap CSS import, but _Before_ your custom CSS import in the
<head>
section:
<link href="YourResourcesPath/applenav/applenav.css" rel="stylesheet">
- Then, add this line _After_ the Bootstrap JavaScript import, but _Before_ your custom JavaScript import in the
<body>
section:
<script src="YourResourcesPath/applenav/applenav.js"></script>
Customization
Create your own CSS file, and edit the navbar just like you would the stock Bootstrap navbar.
If you need to know what properties of what class to edit, you can look at the applenav.css
and applenav.js
files.
_NOTE:_ Do NOT directly edit the applenav.css
and applenav.js
files. You can do all the customization you need from your own CSS and JavaScript files.