wrap-n-roll 3pk vol. 1 - 240px & up

Live Preview

3 pack of Dead Useful Responsive & Fluid Layouts/Wrappers for your Guts

Preview: http://bombdiggitydesign.com/wrap-n-roll/

These are highly useful and unique fluid & responsive wrappers (not themes) that contain the header and footer html5, css, and jQuery, as well as some styling for the guts (content). They are 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.

# Volume 1 Contains:
- https://creativemarket.com/dead-useful-stuff/55245-sideWaze-240px-Up-Wrapper
- https://creativemarket.com/dead-useful-stuff/55497-Im-Different-240px-Up-Wrapper
- https://creativemarket.com/dead-useful-stuff/55324-Middle-Path-240px-Up-Wrapper

# Responsive Layout Previewer
- http://www.responsinator.com/?url=http://bombdiggitydesign.com/wrap-n-roll/sidewaze
- http://www.responsinator.com/?url=http://bombdiggitydesign.com/wrap-n-roll/middle
- http://www.responsinator.com/?url=http://bombdiggitydesign.com/wrap-n-roll/different

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.

# Script Sources (Volume wide)
- 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
- bootstrap-modal.js v2.2.5 // a better modal for bootstrap - Apache License
- bootstrap-modalmanager.js // works with the above same license
- Owl Carousel - MIT License
- Detect Touch with Windows support - MIT License
- FitText.js - WTFPL license
- matchHeight.js Responsive Equal Heights - MIT License
- jQuery Cookie Plugin - MIT License
- DC jQuery Vertical Accordion Menu - MIT and GPL License
- selectivizr - MIT License
- All other scripts are custom

# Fonts (Volume wide)
- Oxygen - Google Fonts
- GoudyBookletter1911 - Google Fonts
- Raleway - Google Fonts
- Source Sans Pro - Google Fonts
- Fredericka the Great - 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.

Check out the FAQ below, next to the comments.

Read Full Description

No comments yet.

You must be signed in to post a comment.
How do I contact support?

If you need help with a product contact the shop owner here on the product page! Just click the Message icon on the upper right. For anything else visit our FAQ: http://support.creativemarket.com/hc/en-us

Are these themes?

No. They are wrappers (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. You put in your own guts.

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.

On sideWaze, 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.

On sideWaze, 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.

On Middle Path, what if I don't have equal amount of links?

This is a specific use case wrapper for tall logos and centered navigation with equal links on either side of the logo.