导航栏中按钮之间的Bootstrap CSS空间

如何在导航栏中的按钮之间创建空间？我通常通过 来做到这一点，但现在无法使用。下面是它的外观的的jsfiddle：导航栏中按钮之间的Bootstrap CSS空间

2013-08-05 dinomuharemagic

http://jsfiddle.net/W6hEa/1/对我的作品，但可能不是你想要什么 – tobspr

我个人认为导航栏链接看起来比将按钮放在那里更好，如果你愿意，你仍然可以使用图标。否则，我同意保证金的左侧或右侧。 http://jsfiddle.net/W6hEa/3/ –

，你可以尝试margin-left

这里是代码

.btn{ 
margin-left:10px; 
}

这里的例子:: FIDDLE

来源

2013-08-05 18:31:59

复制&将其粘贴到您的style.css并将其指定为class属性：

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

使用

<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>

来源

2014-03-20 23:33:45

首选此方法，因为它不处理默认的BS样式。 – Lankymart

导航栏中按钮之间的Bootstrap CSS空间

回答

相关问题