Câu trả lời ngắn cho câu hỏi của bạn là NO. Bootstrap 2 sử dụng các truy vấn phương tiện truyền thông và các biện pháp phần trăm để đạt được bố trí lưới đáp ứng của chúng. Cố gắng tạo ra một phương pháp lai sử dụng Bootstrap 2 là hoàn toàn dư thừa.
Bạn có thể thử phương pháp này. Sử dụng float:left;
ở cột bên trái và đưa ra một padding-left:200px;
vào cột bên phải và chính xác. Bạn đã vẽ bố cục của mình. Đã thêm clearfix ở dưới cùng để bạn có thể sử dụng chân trang trong tương lai nếu muốn. Bằng cách này, bạn tiếp tục hỗ trợ cho hầu hết các trình duyệt.
Kiểm tra JsFiddle Demo
HTML
<div class="container-fluid">
<div class="row-fluid">
<div class="span12 header">Hello</div>
</div>
<div class="row-fluid">
<div class="span2 left-col">Left Left Left Left Left Left Left</div>
<div class="span10 right-col">Right Right Right Right Right Right Right </div>
</div>
</div>
<div class="clearfix"></div>
CSS
.header{
background-color:#f00;
}
.left-col{
background-color:#0f0;
float:left;
width:200px;
height:400px;
}
.right-col{
background-color:#00f;
height:400px;
padding-left:200px;
}
Sau đó bạn có thể sử dụng Javascript để tự động điều chỉnh độ rộng cột bên trái và cột đệm chuột phải vào cửa sổ thay đổi kích thước.
Bạn cũng có thể muốn xem xét các lựa chọn thay thế sau:
1. Calc() (IE9 + chỉ)
Nếu bạn không quan tâm đến IE8- hỗ trợ này là cách dễ nhất để đạt được nó. Bạn có thể học cách here
2. Truyền thông Queries (IE9 chỉ +)
Bạn có thể sử dụng Media Queries giống như Bootstrap không nhưng bạn không thể sử dụng các biện pháp percentual để đạt được những gì bạn đang tìm kiếm. Bạn có thể sử dụng nó để thay đổi các giá trị thuộc tính css và làm cho nó đáp ứng (với các hạn chế tùy chỉnh của bạn) theo cách đó.
3. Flexbox (IE10 chỉ + (một phần IE9))
Sẽ là tuyệt vời nhưng không được khuyến khích cho bây giờ vì hỗ trợ trình duyệt.
4. Bàn
Hãy this thread biết tại sao bạn không nên sử dụng nó.
+1 câu trả lời hay nhất cho đến nay – Novocaine
đây là người bạn đời lừa tuyệt vời .... tôi thực sự cảm thấy giống như một Noob +1! :) – NoobEditor
Nếu bạn thích chiều cao động, bạn không cần khai báo chiều cao hoặc đệm nếu bạn sử dụng overflow: hidden; cho cột bên phải. Xem [fiddle] này (http://jsfiddle.net/6nspucuf/) – RWAM