I contain the grid within perch:before and perch:after tags and then set this region to Allow Multiples when selecting the template in the Perch Control Panel. ĭefault Thumbnails just give you a grid of images. I have made the subtext optional using Perch Conditionals. The Page Header component gives you a header and subtext style. My template adds the header and body along with a link styled as a button. The jumbotron is a large header area that can be used as a call to action. With Bootstrap included in my pages I can add Perch Regions to test out my templates. For this solution I have used the Bootstrap Basic Template, loading the files from the CDN. You use Bootstrap by including the Bootstrap CSS and JavaScript. A CMS like Perch that allows you to create templates with the exact HTML that you need makes this easy. Bootstrap requires that you add classes to your markup in order to make use of the various component styles. Perch is ideally suited for working with a framework like Bootstrap.
![bootstrap studio classes bootstrap studio classes](https://macpcsoft.com/wp-content/uploads/2019/02/Bootstrap-Studio-Torrent-1.jpg)
#Bootstrap studio classes how to
In this solution I take a look at how to build Perch templates for the various components.
![bootstrap studio classes bootstrap studio classes](https://bootstrapstudio.io/docs/img/guide/html-tab.png)
Displaying a section of a template only if content has been entered.Hide templates from the Control Panel selection.Correcting Links with the replace attribute.