This stack creates four columns with drop zones for additional stacks. You can adjust the number of units assigned to each column, just be sure to end up with a value of 12 or less for ALL columns. By default, all three columns are set to equal widths of 4 units. Twitter Bootstrap breaks the page into units of 12 spans. Take a note of the Column Span value in the Stack's settings in the right hand side of your Stacks page. In vertical view, the left most column will appear on top followed by successive columns to the right. If space is not available on the viewing browser (for example, iPhone or iPad) then the columns will be displayed vertically. As long as space is available on the viewing browser, three columns will be rendered. This stack creates three columns with drop zones for additional stacks. By default, both columns are set to equal widths of 6 units. Take a note of the Column Span Stack's settings in the right hand side of your Stacks page.

As long as space is available on the viewing browser, two columns will be rendered. This stack creates two columns with drop zones for additional stacks. These stacks provide a variety of ways for you to add responsive content to the BootSnap theme. The BootSnap Suite includes the BootSnap theme and 16 content stacks. Remove the checkbox from CSS Consolidation) To disable CSS Consolidation, go to RapidWeaver Menu -> Preferences -> Publishing. External CSS from the theme site can't be called in if the project's CSS is consolidated. IMPORTANT If you want to use BootSwatch themes, RapidWeaver CSS Consolidation MUST be disabled. Hide - the NavBar is completely disabled - this is recommended if you wish to manually place a NavBar Stack elsewhere in your page. If the user scrolls down, they will need to scroll back up to view the NavBar. Relative - the NavBar will be at the top of your document. That said, if you look at the Style Settings for BootSnap theme, you'll notice there are only TWO style settings.įixed - the NavBar will stay in a fixed position at the top of the page, the NavBar will ALWAYS be present in the top of the brower, even as the user scrolls down through content. BootSnap Theme's job is to stay out of your way and make all the BootSnap stacks responsive. Its settings are very minimal as it's essentially an EMPTY theme. Sticking with BootSnap theme and stacks insures a fully responsive finished product.īootSnap theme is basically an un-theme. Then add as many Stacks 2 pages as you like and add any of the BootSnap stacks to your pages. Simply create a new RapidWeaver project and select BootSnap as your theme. Getting Startedĭesigning a fully responsive site with BootSnap is very easy. If RapidWeaver is open, you'll need to close and relaunch RapidWeaver to see your newly installed products. Just select all the items inside the folder and doublclick to install. This disk image contains a folder with your RW theme and Stacks. When you purchase BootSnap, you'll receive a file called BootSnap.dmg. They are designed from the ground up to work with the BootSnap theme. Likewise, the BootSnap stacks may work with other themes, but they are not supported as such. Third party stacks *may* work with BootSnap theme, but they are not supported. It's important to understand that BootSnap Stacks are designed to work exclusively with the BootSnap RapidWeaver theme.

Rapidweaver responsive theme