Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Fixed width column and fluid content area in Bootstrap

I want to use Twitter Bootstrap to mix fixed and fluid width columns, exactly like this.

As you can see, it is trivially easy to do with HTML and CSS. Is there a way to do it using bootstrap only?

like image 743
brentonstrine Avatar asked Aug 28 '12 00:08

brentonstrine


People also ask

What is the width of container-fluid in Bootstrap?

Bootstrap comes with three different containers: .container , which sets a max-width at each responsive breakpoint. .container-fluid , which is width: 100% at all breakpoints. .container-{breakpoint} , which is width: 100% until the specified breakpoint.

What is XS SM MD lg in Bootstrap?

The Bootstrap 3 grid system has four tiers of classes: xs (phones), sm (tablets), md (desktops), and lg (larger desktops). You can use nearly any combination of these classes to create more dynamic and flexible layouts.

Which class in Bootstrap is used to provide a responsive fixed-width container?

container class is a responsive, fixed-width container, meaning its max-width changes at each breakpoint.


1 Answers

There is no way in Bootstrap to prevent from fluid style. You have to write new class and use it in the same div.

<div class="span4 newclass">

.newclass{width:200px!important}
like image 77
Danny Avatar answered Oct 21 '22 09:10

Danny