Bootstrap Split按钮下拉大小不一样
ryu*_*h00 4 css twitter-bootstrap
(对不起,我不擅长英语)
我想按钮尺寸相同.但它的大小不一样.
我怎么能让它的大小相同？
<div class="filter pull-right" style="padding:8px">
<!-- Split button -->
<div class="btn-group">
<button type="button" class="btn btn-danger">Action</button>
<button type="button" class="btn btn-danger" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</div>
`
问题实际上与按钮的代码或缺少的空间无关.
缺少的是文档开头的HTML标记.
在这里,您可以看到左侧的按钮,没有附加内容 ,另外还有 右侧的附加按钮.右边的按钮有些不对称.
在Boostrap文档之后,在您的文档周围添加此代码:
<!DOCTYPE html>
<html lang="en">
...
</html>
你最终会得到一个这样的按钮:
| 归档时间： |
|
| 查看次数： |
1055 次 |
| 最近记录： |