Cột kích thước cố định Bootstrap

Question

Tôi cần phải cố định cột cột có chiều rộng cố định trong bootstrap, nhưng cột bên trái sẽ phản hồi.

tôi sử dụng bootstrap 2.3.2

http://pix.toile-libre.org/upload/original/1375170941.png

cột phải sẽ không được thay đổi kích cỡ ở tất cả các kích thước màn hình.

Answer 1

giải pháp cơ bản của tôi dưới đây (see it in action here). Tôi đã đệm ra CSS để chứng minh các khối với nhiều màu sắc, nhưng tất cả các bạn thực sự cần phải làm là như sau:

yếu tố cố định

• Set nó để float:right
• Áp dụng một chiều rộng cố định với nó

yếu tố lỏng hàng

• Áp dụng padding/margin-right bằng chiều rộng của phần tử cố định
• Áp dụng box-sizing:border-box, sao cho chiều rộng 100% so với phần tử .row-fluid vẫn còn, nhưng phần lề/phần đệm được thêm không đẩy mạnh hơn nữa. Đánh dấu dưới đây cho thấy số tiền tối thiểu bạn cần.

CSS

#fixed-width { 
    width:100px; 
    float:right; 
} 
#fluid.row-fluid { 
    margin-right:100px; 
    -webkit-box-sizing:border-box; 
     -moz-box-sizing:border-box; 
      box-sizing:border-box;  
} 

HTML

<div class="clearfix"> 
    <div id="fixed-width">Content...</div> 
    <div id="fluid" class="row-fluid"> 
     <div class="span4">a</div> 
     <div class="span4">b</div> 
     <div class="span4">c</div> 
    </div> 
</div> 

Answer 2

loại thiết kế này không được cung cấp bởi bootstrap, nhưng có những giải pháp đơn giản.

Dưới đây là một, xem câu trả lời chấp nhận trước này SO câu hỏi Bootstrap: Fixed gutter width in fluid layout?

và đặc biệt, css này thủ đoạn

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

như trong fiddle này http://jsfiddle.net/6vPqA/808/