如何在Bootstrap的按钮中添加追加输入? Here是我要修复的代码,代码如下:
<div class="container">
<div class="hero-unit">
<div class="input-prepend">
<span class="add-on">
<i class="icon-move icon-black"></i>
</span>
<button class="btn btn-mini btn-info">Test Input Prepend</button>
</div>
</div>
</div>
但是,当我使用.btn-mini类
时,它看起来像这样
我该如何解决这个问题?
答案 0 :(得分:1)
没有“迷你”input-prepend
因此您需要自定义..
.input-mini .add-on {
height: 14px;
min-width: 15px;
padding: 4px;
padding-top:2px;
font-size: 10px;
line-height: 10px;
}
<div class="input-prepend input-mini">
<span class="add-on">
<i class="icon-move icon-black"></i>
</span>
<button class="btn btn-mini btn-info">Test Input Prepend</button>
</div>