Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Center elements within container?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #192684
    cfmarketing
    Participant

    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!

    #192695
    therockstar
    Participant

    Add another class in your style sheet and apply this class on your column.

    .col-centered
    {
    float: none;
    margin: 0 auto;
    }

    if this doesn’t work add bootstrap offset class

    .col-xs-offset-2

    Cheers!

    #192748
    shaneisme
    Participant

    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.

    Using @therockstar ‘s method will actually break the Bootstrap grid, if I’m not mistaken, and stack things up by removing the float.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.