Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Basics Structuring Your Content Using Multiple <header> and <footer> Elements

Michal Janek
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Michal Janek
Front End Web Development Techdegree Graduate 30,654 Points
Posted by Michal Janek
.a{fill-rule:evenodd;}techdegree seal-36
Michal Janek
Front End Web Development Techdegree Graduate 30,654 Points

Can we modify Bootstrap with semantic tags?

Bootstrap as a framework offers quick way how to setup elements on a page but it quickly leads to a load of div tags around the place. How can we ...meet Bootstrap half-way using its features but also add some semantics into it?

Michal Janek
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Michal Janek
Front End Web Development Techdegree Graduate 30,654 Points
Michal Janek
.a{fill-rule:evenodd;}techdegree seal-36
Michal Janek
Front End Web Development Techdegree Graduate 30,654 Points

CSS customization is not an issue, nor stylization. I meant more using meaningful semantic tags like <article>, <aside>, <main> etc. Because Bootstrap will overflow your HTML markup with <DIV> tags used for various ....situations. So my question was more pointed to the idea of integrating meaningful tags together with those armies of div tags that will be shipped with Bootstrap (provided it will not mess up the whole Bootstrap flow if we stick <article> there <aside> here etc.), or if we want to have semantic HTML site we should refrain from using Bootstrap and build from scratch?

2 Answers

Gustavo Winter
PLUS
Gustavo Winter
Courses Plus Student 27,382 Points
Gustavo Winter
Gustavo Winter
Courses Plus Student 27,382 Points

Hello Michal,

You can customize Bootstrap with your own CSS style, but i particulary just use Bootstrap like a way to structure the site more quickly. And after this i make my own code.

By the way, with you want to know how customize your CSS check this video Custom CSS - Bootstrap

Let me know if it help you.

Rich Salvucci
Rich Salvucci
16,716 Points
Rich Salvucci
Rich Salvucci
16,716 Points

Hi Michal,

If you are using Bootstrap for the grid system, you can place any semantic tag inside of the div's in any way you would like. You may have to overwrite so me unwanted styles, but you are not "breaking" Bootstrap by using a <main> or an <aside> tag. I hope this explanation helps.

-Rich