DMXzone Tabs Support Product Page
Not a problem
bootstrap width not working?
Reported 17 Jun 2013 19:09:18
1
has this problem
17 Jun 2013 19:09:18 thomas strmiska posted:
hello!i tested bootstrap and wanted to set the container to 724px. but i doesn´t work.
allthough the css shows width: 724px, in browser it is shown up to 1100px and over.
the container-layout is set to fixed.
please see:
www.elterninitiative.at/test.html
thanx for help
regards strmiska
Replies
Replied 17 Jun 2013 21:18:59
17 Jun 2013 21:18:59 Teodor Kuduschiev replied:
Hello Thomas,
Why would you need a fixed width when using responsive css framework like bootstrap?
One of the key principles of using responsive layouts is that your website does not have a fixed width.
Using fixed-container layout, the .container class adapts to be 724px, 940px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.
You can add a custom css file with changes made in the needed breakpoints, but it is absolutely not right(from a responsive point of view) to just try to wrap the grid inside a fixed pixel width container.
Why would you need a fixed width when using responsive css framework like bootstrap?
One of the key principles of using responsive layouts is that your website does not have a fixed width.
Using fixed-container layout, the .container class adapts to be 724px, 940px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.
You can add a custom css file with changes made in the needed breakpoints, but it is absolutely not right(from a responsive point of view) to just try to wrap the grid inside a fixed pixel width container.