A near perfect (and customizable) replica of Apple's navigation bar for Bootstrap.
- Install Bootstrap and set up your navigation bar
- Set up your navbar as
navbar-inverseNote: it MUST be
- Clone this repository
- Put the
applnavfolder 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
<link href="YourResourcesPath/applenav/applenav.css" rel="stylesheet">
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
NOTE: Do NOT directly edit the
applenav.js files. You can do all the customization you need from your own CSS files.
Known Issues / Differences From The Orginal
- On mobile, the dropdown animation is too fast.
- This is an issue with Bootstrap. Changing animation speeds results in a choppy animation.
Applenav is licensed with the MIT License, which is reproduced in the LICENSE file. Attribution is technically required, and very much appreciated.