Build an Auto Shop Website: Adding the Top Bar, Updating the Navbar, and Caption Positioning

Тәжірибелік нұсқаулар және стиль

In this video, we continue with the autoshop website build by adding and styling the contact information bar across the top of the page. We also edit the navbar so that it more closely resembles the design reference we are basing our design on. Additionally we position the slideshow caption so that it is closer to the center (vertically) of the slide show area.
In this video I use the following features of Bootstrap 5:
1) Using Bootstrap Icon Fonts with CSS to display icons in a web page.
2) Using the Bootstrap .container class to align content and center it horizontally in the design.
3) Using the p?-? and m?-? padding and margin classes in the Bootstrap 5 framework to add negative space to the design.
4) Vertically positioning the carousel caption on a website by overriding the default CSS definitions using the SASS compiler.
Thanks for following the series! I hope it helps.

Пікірлер

    Келесі