2013-08-05 14 views
6

Wie kann ich Platz zwischen den Schaltflächen in Navbar machen? Normalerweise mache ich das mit  , aber es funktioniert jetzt nicht. Hier ist ein JSfiddle, wie es aussieht:Bootstrap CSS-Platz zwischen Schaltflächen in Navbar

http://jsfiddle.net/W6hEa/

+0

http://jsfiddle.net/W6hEa/1/ funktioniert für mich, aber es ist wahrscheinlich nicht das, was Sie wollen – tobspr

+2

Ich persönlich denke, die Navbar-Links sehen schöner aus, als Knöpfe dort hinein zu stecken, und du kannst die Icons immer noch benutzen, wenn du willst. Ansonsten stimme ich dem Rand zu - links oder rechts. http://jsfiddle.net/W6hEa/3/ –

Antwort

9

Sie können versuchen margin-left

hier der Code

.btn{ 
margin-left:10px; 
} 

hier ist das Beispiel :: FIDDLE

6

kopieren & fügen Sie dies zu Ihrem style.css und als Klassenattribut zuordnen:

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

Nutzungs

<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

Bevorzugen Sie diese Methode, da die Standard-BS-Stile nicht manipuliert werden. – Lankymart