CODEWITHSUNDEEP
csstwitter-bootstrapgrid
brandozz
brandozz

Reputation: 1119

Bootstrap using fluid grid vs standard grid

I have a basic Bootstrap question regarding the grid system. When you use the standard grid and apply the container class your container width ends up being 940px by default. If I want my container to be larger do I then use the fluid grid system so my span classes expand to fill the entire container?

Upvotes: 0

Views: 318

Answers (1)

cortex
cortex

Reputation: 5216

When you use a standard grid, the container, row and spans sizes are fixed (in pixels) and with a fluid grid that sizes are dynamic (in percentages).

As you said, container width is 940px by default in standard grid and 100% in fluid grid. It's not necessary to use fluid grid just to make your container larger, that depends of on your needs (if you need your design to be responsive or not). An easy solutions is just to override the width value of container class (.container) after the inclusion of bootstrap.css file.

.container {
  width: 1024px;
}

Hope this helps!

EDIT: Also need to override span widths!

Upvotes: 1

Related Questions