Download This Theme
Dead Useful Responsive & Fluid Layout/Wrapper for your Guts - it is not a theme
Responsive Layout Previewer:
http://www.responsinator.com/?url=http://bombdiggitydesign.com/wrap-n-roll/sidewaze/
8 Color Scheme Ideas (check out the switcher thingy)
This is a highly useful and unique fluid & responsive wrapper (it's not a theme) that contains the header and footer html5, css, and jQuery, as well as some styling for the guts (content). It's intended for use with Bootstrap 3.2 and UP (or even 3.0 and Up). It's easy to upgrade your Bootstrap CSS and script(s), just go to the customizer on GetBootstrap.com and replace the files. You can also use html and/or css from other Bootstrap 3+ themes in the content area (the page guts), but you may have to adjust the css and the break points.
Oftentimes websites/themes are designed for 320px and up, but actually it should be 240px and up and, ideally, fluid because there's a large quantity of different sized devices out there. Always test stuff out on the actual devices.
Tested and performed excellently on modern browsers AND devices with support for IE8. Tested on IOS, Android, Windows Mobile, IE8, IE9, IE10, IE11, Webkit, Mozilla, and Opera browsers on a variety of devices and platforms both mobile and desktop.
FAQ
Is this a theme?
No. It's a wrapper (the header, footer, and some styling for the example content provided). It contains the html, css, and the jQuery you see in the demo pages (except the switcher) along with the color css files.
How easy is it to upgrade the bootstrap.css and the bootstrap.js
Very. Just go to the customizer on GetBootstrap.com and create your own build, then replace the files. There are instructions on my settings as well as the json file because some of my wrappers use different breakpoints and percentages for the column gap instead of a hard 30px, which looks WAAAY better in forms and many other components.
How easy is it to change the columns, move them around, and change the widths?
Easy if you are very familiar with mobile first, fluid css. There are a lot of things going on, but the code is organized and well commented.
What if my logo can't be 90 degrees?
This is a specific use case for a project that may benefit from something quite different than the standard layouts these days.
Credits
Framework (base only)
- Bootstrap 3.2
Script Sources
- jQuery v2.0.3 for modern browser with fallback to 1.9.1 for IE 8
- Modernizr 2.6.2 (Custom Build) - MIT & BSD
- Respond.js v1.1.0 - MIT License
- Owl Carousel - MIT License
- Detect Touch with Windows support - MIT License
- FitText.js - WTFPL license
- jQuery Cookie Plugin - MIT License
- DC jQuery Vertical Accordion Menu - MIT and GPL License
- selectivizr - MIT License
- All other scripts are custom
Fonts
- Raleway - Google Fonts
- Cinzel Decorative - Google Fonts
- Font Awesome - http://fortawesome.github.io/Font-Awesome/license/
- Glyphicons (comes with Bootstrap) http://getbootstrap.com/components/#glyphicons
Images
- Unless otherwise noted, the images are public domain or, if CC, the credit is on the page.
- http://pixabay.com/
[ad_2]
Post a Comment