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

CSS

Elena Man
Elena Man
21,092 Points
Posted by Elena Man
Elena Man
21,092 Points

Bootstrap grid system help- columns not working

I have this HTML code but I can't figure out why Bootstrap grids are not working. Maybe I am placing the classes on the wrong divs or adding extra tags.

<div class="container">
    <div class="weekDays row">
        <div id="monday" class="col">
            <h3>Monday</h3>
        </div>
        <div id="tuesday" class="col">
            <h3>Tuesday</h3>
        </div>
        <div id="wednesday" class="col">
            <h3>Wednesday</h3>
        </div>
        <div id="thursday" class="col">
            <h3>Thursday</h3>
        </div>
        <div id="friday" class="col">
            <h3>Friday</h3>
        </div>
        <div id="saturday" class="col">
            <h3>Saturday</h3>
        </div>
        <div id="sunday" class="col">
            <h3>Sunday</h3>
        </div>
    </div>
</div>

1 Answer

Sam Gord
Sam Gord
14,084 Points
Sam Gord
Sam Gord
14,084 Points

are you importing bootstrap to your project correctly? your code looks fine, maybe the problem's hiding in the way bootstrap has been added to your project :)

Elena Man
Elena Man
21,092 Points
Elena Man
Elena Man
21,092 Points

I have eventually figured out the problem. I put a /display: block;/ on the weekDays class (several days ago when I was just starting my project) in my CSS that was taking priority over the Bootstrap. Erasing it solved the problem. Thank you for your answer!