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 Bootstrap 4 Basics (Retired) Getting to Know Bootstrap 4 Creating a Simple Page

Posted by Learning Coding
Learning Coding
7,134 Points

offsetting lg-6

How do we know we are offsetting by 3? Isn't this just centering? Where does it say in the document that this is a centering function? If we are only centering the search box, isn't there a simpler method than copying and pasting this snippet? I am slightly confused.

2 Answers

Murdo MacNab
Murdo MacNab
9,245 Points
Murdo MacNab
Murdo MacNab
9,245 Points

The grid is based on a 12 column layout. The way I imagine it is as a row of 12 boxes. So if we use 6 boxes (.col-lg-6) to centre it then we add a left margin of 3 boxes by using the class (.offset-lg-3) we then have: 3 boxes, 6 boxes, 3 boxes. If we use 8 boxes to centre them we need to offset by 2 so we have 2, 8, 2 always adding up to 12. Hope this helps?

hombah
seal-mask
.a{fill-rule:evenodd;}techdegree
hombah
Python Web Development Techdegree Student 16,241 Points
hombah
.a{fill-rule:evenodd;}techdegree
hombah
Python Web Development Techdegree Student 16,241 Points

offset-lg-3

osman musse
osman musse
378 Points

Yeh but the teacher said col-offset-md-3 Not offset-lg-3

Note: I checked my text editor when i wrote col-offset-md-3 it didn't offset by 3 colums But worked with offset-lg-3 .Is there like Bootstrap Update or something?