Now we will connect to Bootstrap and see changes to the webpage layout.
In index.html, locate the head element. Inside head, create a link element to link to Bootstrap:
Toggle the web browser's width again to notice the following changes:
Navbar items change position based on the webpage's width.
The "Homemade Goods" text is now centered.
"Kitchen", "woodwork", "antique" and "gifts" photographs are arranged two per row when the webpage is full-width.
Social media icons appear organized and change position at full and narrow widths.
Bootstrap's grid is responsible for this screen-width responsiveness. Click Next to learn more!