I
I
Ilya2016-06-29 17:24:36
Bootstrap
Ilya, 2016-06-29 17:24:36

How to limit responsive layout width in bootstrap?

How to limit site width for bootstrap responsive layout?
The essence of the problem. When the screen width is less than 1280 pixels, adaptive layout breaks the design. For mobile small screens, a separate version works. But sometimes they come from computers with a resolution of 1024 pixels. How to prevent bootstrap from adaptively collapsing layout when screen width < 1280 px?

Answer the question

In order to leave comments, you need to log in

2 answer(s)
A
Alexander Sharomet, 2016-06-29
@hrhr99

.container{
width:960px !important;
}
Or other width
AND Remove line

M
Mikhail Merenkov, 2016-06-29
@aTmpl

Alexandr Sharomet
Right. You can limit the width of the screen area.
Don't forget that the order below takes precedence in CSS.
First:
<link href="/bootstrap.min.css" rel="stylesheet">
below:
<style>
.container{
width:960px !important;
min-width:100%;
max-width:960px
}
</style>

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question