Forums

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

Home Forums CSS need help with bootstrap grid system

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #246078
    Harish_K
    Participant

    This is the code i have typed but im not getting the actual output

    http://codepen.io/Harish_K/pen/jrGwYK

    The three columns are not getting spread out,If someone could help that would be great

    #246079
    Paulie_D
    Member

    You really need to make a codepen.io demo we don’t have enough to go on.

    But you have only defined classes, not applied them.

    #246087
    I.m.learning
    Participant

    How familiar are you with Bootstrap; meaning have you followed the docs completely?

    It looks like you’re changing presets. Right now you’re left-floating both your row and col. If you removed that style, that is the intended result.

    If you want to keep it as-is, then add a margin or padding. If you’re linking to Bootstrap, then you might have to use !important, or create a unique ID/CLASS and style that.

    #246088
    Beverleyh
    Participant

    You need to link to the Bootstrap CSS too. Once you do that (there’s an option in CodePen’s CSS settings) the 3 columns will span the width of the screen (on desktop).

    #246089
    Harish_K
    Participant

    It worked thank you

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