Yay - Advanced Sidebar for Bootstrap
.btn { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff !important; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; } .btn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; color: #ffffff !important; } .conts img{max-width:500px;} .conts a.but{margin-bottom:15px;} .conts a.btn{margin-bottom:25px; display:block;} .conts a.btn:first-child{background:none;border:0;}
Download Now
Yay is advanced sidebar for bootstrap. Mobile-friendly with swipe gestures support and responsive design. Off-canvas navigation well suited for admin dashboards. SASS file included – you can change the variables to customize the Yay sidebar for yourself.
Features
100% Responsive and Mobile friendly
Bootstrap based
2 predefined Color schemes
Source code included – SASS file
3 effects and 5+ options for customize
Documentation
FontAwesome icons
Custom Scrollbar – Nano
Usage Examples
Con – Material Admin Dashboard Template
Official Demo
Changelog
v1.1 – 15 April 15
* Added RTL support * Fix gesture swipes * Fully changed js file structure (like in Con dashboard - http://themeforest.net/item/con-material-admin-dashboard-template/10621512)
v1.0 – 11 March 15
* Initial release
Credits
Bootstrap
jQuery
FontAwesome
Nano Scroller
html5shiv
