bootstrap.non-responsive.css
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 5px;
padding-right: 5px;
}
style.css
.wraper {
position:relative;
width:100%;
margin:0 auto;
}
style.responsive.css
@media ( min-width :992px) {
.body-bg, .container {
width: 100%;
}
.wraper {
width: 100%;
max-width: 100%;
}
nav>.container>.row {
margin-left: 0;
margin-right: 0;
}
}
@media ( min-width :1200px) {
.wraper {
width: 100%;
}
nav>.container>.row {
margin-left: -5px;
margin-right: -5px;
}
}
Vậy là nó ko dạng vừa nữa mà sẽ dạng hết cỡ.