Skip to content

Applenav 1.0

Latest
Latest
Compare
Choose a tag to compare
@tomnific tomnific released this 15 Aug 20:28
· 3 commits to master since this release
1.0
55fd9ce

Initial release of Applenav - a near perfect (and customizable) replica of Apple's navbar!

Installation

  1. Install Bootstrap and set up your navigation bar
  2. Set up your navbar as navbar-inverse _Note:_ it MUST be navbar-inverse
  3. Download this release
  4. Put the applnav folder into the folder where your site's resources are
  5. 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">
  1. 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.

Assets 2