The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Center elements within container?
I’m trying to center all of the elements within a container on: http://barbar.cameronfreemarketing.com/who-we-are/
The section was built with 3 columns, but I only need two. Need them to center. (Talking about the first section)
And the text overflows under the picture. Any idea how to widen the field?
First time poster – hope I get some help!
Add another class in your style sheet and apply this class on your column.
margin: 0 auto;
if this doesn’t work add bootstrap offset class
Instead of team-member col-md-4 col-sm-6, simply put team-member col-sm-6. This will generate two columns at 50% for all sizes sm and up. Anything below will be stacked.
team-member col-md-4 col-sm-6
Using @therockstar ‘s method will actually break the Bootstrap grid, if I’m not mistaken, and stack things up by removing the float.