Thay đổi mặc định Twitter Bootstrap 20px lề cho các lớp học khoảng

Question

tôi sử dụng

<div id="windows"> 
    <div class="row-fluid"> 
     <div class="span4 mywindow">Text</div> 
     <div class="span4 mywindow">Text</div> 
     <div class="span4 mywindow">Text</div> 
    </div> 
</div> 

trong một #windows div có chiều rộng đặc biệt.

Tôi muốn giảm khoảng trống 20px mặc định giữa ba khối này.

các mã css

#windows .span4 
{ 
    margin-right:-10px; 
} 

thiết lập một không gian hợp lý giữa các khối, nhưng mỗi khối giữ chiều rộng tương tự như vậy tổng chiều rộng nhỏ hơn 100% của div cha mẹ (có một không gian bên phải).

Tôi có thể sửa lỗi bằng cách thay đổi chiều rộng của các khối bằng cách sử dụng !important. Vì vậy, sửa chữa là

#windows .span4 
{ 
margin-right:-10px; 
width:180px !important; 
} 

Câu hỏi đặt ra là: sử dụng Twitter Bootstrap span4 class cho cửa sổ của tôi có cần thiết không nếu tôi phải khắc phục khó khăn?

Ý của tôi là thực hành tốt để sửa cả lề phải và chiều rộng cho các lớp giới hạn Twitter Bootstrap hoặc có giải pháp đơn giản hơn và tốt hơn để sửa các khối? P.S. Twitter Bootstrap cũng được sử dụng cho một mục đích khác trên trang (vì vậy span4 không phải là lý do duy nhất để sử dụng Twitter Bootstrap trong trường hợp của tôi).

Answer 1

Bạn đang triyng thay đổi chiều rộng máng xối giữa các cột. Cách dễ nhất để làm điều này là để tùy chỉnh BS xây dựng trước khi download:

http://twitter.github.com/bootstrap/customize.html#variables

Thay đổi @gridGutterWidth giá trị đó (cho bố trí cố định), sau đó tải xây dựng của bạn.

Answer 2

Điều này có thể giúp những người có cùng vấn đề bằng cách sử dụng bootstrap làm đá quý trong ứng dụng đường ray.

Nếu bạn sử dụng bootstrap cùng với viên ngọc 'bootstrap-sass' bạn có thể trực tiếp qua viết mặc định này như sau:

.span{ 
    margin-left:0px; 
} 

này ghi đè mặc định lề được đưa ra bởi đá quý.