How to modify column widths?

  • bobjones

    (@bobjones)


    8 years, 12 months ago

    What would be the best way to modify column widths in UnderStrap?

    For example, if I’ve selected full-width container with left and right sidebars, I effectively have three columns (roughly apportioned at 25 percent/50 percent/25 percent).

    Say I want a wider left sidebar and narrower center column. How would I accomplish this?

    Thanks!

Viewing 1 replies (of 1 total)
  • understrap

    (@holger1411)

    8 years, 12 months ago

    UnderStrap based on Bootstrap 4
    By default the main area use the class “col-md-8” if one sidebar is in use “col-md-6” if two are in use and “col-md-12” if no sidebar is in use.

    The sidebar uses “col-md-4” if one is in use, “col-md-3” if two in use and nothing if no sidebar is in use.

    “col-md-8” means, for example, “use 8/12 of space for it down to medium sized screens”

    You could use search and replace the classes in your /understrap folder.
    For example replace “col-md-8” with “col-md-7” and “Col-md-4” with “col-md-5”

    Than your main area will use 7/12 and your sidebar 5/12 (instead of 8/12 to 4/12 whcih is the default yet)

Viewing 1 replies (of 1 total)

The topic ‘How to modify column widths?’ is closed to new replies.

Tags