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?
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.
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.
container class is a responsive, fixed-width container, meaning its max-width changes at each breakpoint.
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}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With