# Chapman Bootstrap **Chapman Bootstrap** is a theme for third-party Chapman websites. ## Installation Copy and paste the following HTML tags into the `
` of your page. ```html ``` Then, copy and paste the following HTML tags into the `` of your page, but only if they are not already there. ```html ``` Finally, choose a two-column or three-column layout by clicking one of the links below. Copy and paste its HTML into the `` of your page. [Two-column layout with side navigation](template/2col-sidenav.html). [Three-column layout with side navigation](template/3col-sidenav.html). Congratulations! You should now see the Chapman Bootstrap theme. Follow the [instructions in the template](template/2col-sidenav.html#L126-L134) to replace the placeholder content with your own. Do you learn better by watching? Here are the instructions in video format: [![Instructions](https://raw.githubusercontent.com/chapmanu/chapman-bootstrap/master/placeholder/instructions-bootstrap.jpg)](http://sandbox.thewikies.com/chapman-bootstrap/instructions-bootstrap.m4v) --- ## Advanced Customization Individual components of Chapman Bootstrap are available. ### Chapman Banner and Navigation To add a branded banner and navigation to your site, copy and paste the contents of the [banner snippet](snippet/banner.html) just below the `` tag of your page. ### Layout To add a layout to your site, copy and paste either the [two-column snippet](snippet/2col.html) or [three-column snippet](snippet/3col.html) just below the heading and navigation of your page. ### Snippets Include other common snippets to further brand your page. - [Banner snippet](snippet/banner.html): the logo and navigation. - [Masthead snippet](snippet/masthead.html): an image at the top of the page. - [Breadcrumb snippet](snippet/breadcrumb.html): a breadcrumb of links. - [Side Navigation snippet](snippet/side-navigation.html): an aside menu of links. - [Carousel snippet](snippet/carousel.html): a slideshow of images and text. ## Browser Support Keeping your web browser up to date greatly improves your online experience, and it’s also important for your own safety and security, and that of your computer. We support the current and previous major releases of popular web browsers. When a new version is released, we begin supporting that version and stop supporting the third most recent version. We also support any browsers approved by the Chapman University Service Desk.