Question

我尝试使用this添加到引导按钮。这增加了一个漂亮的标签＆＃34;对于按钮开头的图标。但问题在于它是一个＆＃34; btn-block＆＃34;类型。

.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}

这里jsfiddle我认为它是

left:-12px;

作为位置，但如果它被阻止，我将如何确定它的负数？想法？

Answer 1

将text-align:left提供给按钮

<button type="button" class="btn btn-success btn-labeled btn-block btn-custom">
    <span class="btn-label">here</span>
    problem
</button>
<br/>
<button type="button" class="btn btn-success btn-labeled">
    <span class="btn-label">no</span>
    problem
</button>

CSS

.btn-custom { text-align: left;}

Fiddle Demo

当它是一个块按钮时，带有图标标签问题的引导按钮

1 个答案: