2013-08-05 35 views
6

Làm cách nào để tạo khoảng cách giữa các nút trong thanh điều hướng? Tôi thường làm điều đó với   nhưng hiện không hoạt động. Dưới đây là một JSfiddle của nó trông như thế:Không gian CSS khởi động giữa các nút trong thanh điều hướng

http://jsfiddle.net/W6hEa/

+0

http://jsfiddle.net/W6hEa/1/ làm việc cho tôi, nhưng có lẽ không phải những gì bạn muốn – tobspr

+2

Cá nhân tôi nghĩ rằng các liên kết navbar trông đẹp hơn việc đặt các nút trong đó, và bạn vẫn có thể sử dụng các biểu tượng nếu muốn. Nếu không, tôi đồng ý với lề trái hoặc phải. http://jsfiddle.net/W6hEa/3/ –

Trả lời

9

bạn có thể thử margin-left

đây là mã

.btn{ 
margin-left:10px; 
} 

đây là ví dụ :: FIDDLE

6

Sao chép & dán mã này vào sốcủa bạnvà gán nó như lớp thuộc tính:

.btn-margin-left { 
    margin-left: 2px; 
} 
.btn-margin-right { 
    margin-right: 2px; 
} 

Cách sử dụng

<a href="URL" class="btn btn-default btn-sm btn-margin-left">Link</a> 

<button type="button" class="btn btn-default btn-sm btn-margin-left">Button</button> 
+0

Ưu tiên phương pháp này vì nó không thao tác các kiểu BS mặc định. – Lankymart

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