✏️ 1.1.4.10 Practice: Grid System, Custom Styles, and More
Goal: Continue exploring Bootstrap by expanding your HTML page that integrates multiple Bootstrap elements into its styles.
Warm Up
- Where must Bootstrap grid columns reside?
- How many columns can fit in each grid row?
- What is the difference between the classes
col-md-4andcol-xs-4?
Code
Vacation Site
Continue working on your webpage about a place you'd like to go on vacation by adding the following Bootstrap components:
Include a list of vacation packages available to visit this area. Each package should include a cost, the date or range of dates its available, and the activities included in the package. Organize this information in a grid.
In addition to Bootstrap styles, add your own stylesheet to further customize the appearance of the site.