CODEWITHSUNDEEP
twitter-bootstrapcontainers
Petran
Petran

Reputation: 8047

bootstrap-responsive container width

I am using bootstrap-responsive and scaffolding successfully, my question is if I can increase the container's width and keep the responsive capabilities <div class="container" style="width:1300px"> ?

Upvotes: 11

Views: 39822

Answers (2)

Mo.
Mo.

Reputation: 27465

if you are on bootstrap 3 use .container-fluid instead of .container

<div class="container-fluid">
  <div class="row">
    ...
  </div>
</div>

Rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding.

reference:- http://getbootstrap.com/css/#grid

Upvotes: 3

GaryP
GaryP

Reputation: 2173

It seems you want to use the whole width of a wide screen desktop screens... If that's what you want, while keeping it responsive/fluid. Then you may just change your div class to 

from
<div class="container">

to

<div class="container-fluid">

Upvotes: 10

Related Questions