2012-03-16 31 views
10

Tôi muốn có các bố trí khác nhau như [left | content | right] và [left | content] hoặc [content | right] khi sử dụng bố cục chất lỏng, máng xối giữa "ô" cũng là chất lỏng và có giá trị phần trăm. Nhưng tôi muốn có chiều rộng cố định cho máng xối như 10px hoặc 20px giữa các vùng bên trái/phải và nội dung.Bootstrap: Chiều rộng rãnh cố định trong bố cục lỏng?

Bất kỳ đề xuất nào về cách thực hiện công việc này? Tôi đã thử nó nhưng kết thúc luôn luôn với các yếu tố chuyển đổi cực kỳ.

Trả lời

20

Answered a question like this before, những gì nó về cơ bản đã xuống quá đã tạo ra một tập hợp các lớp học để bù đắp container chính tùy thuộc vào bao nhiêu sidebars bạn có, như vậy:

CSS

.fixed-fluid { 
    margin-left: 240px; 
} 
.fluid-fixed { 
    margin-right: 240px; 
    margin-left:auto !important; 
} 
.fixed-fixed { 
    margin: 0 240px; 
} 

Demo, chỉnh sửa here.

+0

Bản trình diễn, làm cách nào để tôi tạo 3 cột trong nội dung chính cũng có máng xối chỉ 20px thay vì là chất lỏng? Kỹ thuật tương tự như được hiển thị ở trên cho sidebars tôi đoán? Sẽ chơi với nó vào cuối tuần này. Về cơ bản tôi muốn hiểu làm thế nào để có một vài cột chất lỏng nhưng làm cho nội dung của họ có một không gian máng xối cố định. – burzum

+0

@burzum im nhầm lẫn, bạn có nghĩa là làm thế nào để bạn có được một container cố định? Trái ngược với cách nó bây giờ? Máng xối có 20px xung quanh, nếu bạn nhìn vào lề lớp '.fixed-fixed' bạn có thể thấy rằng nó được đặt thành' margin: 0 240px; ', thanh bên là cả hai chiều rộng 220px, cộng thêm 20px (tổng cộng 240px) lề để tạo thành máng nước mà bạn nhìn thấy xung quanh thùng chứa chính. –

Các vấn đề liên quan