引导拆分按钮下拉大小不相同

Image of Button's dropdown icon not aligning

我想使按钮的大小相同。但它不一样大小。

如何让它的大小相同？

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

来源

2014-08-27 ryush00

你可以发布你正在使用的代码，你曾经尝试过什么，以及你想看到什么。谢谢！ – serakfalcon 2014-08-27 07:50:54

请显示您使用的代码。 – 2014-08-27 08:11:06

试试这个：

使用btn-group类

<div class="btn-group"> 
      <button type="button" class="btn btn-danger">Action</button> 
      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"> 
       &nbsp; 
       <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> 
      </ul> 
     </div>

来源

2014-08-27 09:16:16

我已经输入了这段代码。 – ryush00 2014-08-27 11:59:27

你的代码工作正常 – 2014-08-27 12:15:02

没有..不幸的是它没有工作。请帮帮我。 [链接]（http://minelist.kr） – ryush00 2014-08-27 12:22:21

的问题实际上是不相关的按钮的代码或缺失的空间。

缺少的是文档开头的HTML标签。

在这里，您看到左侧的按钮，右侧没有附加的 和另外的 。右侧的按钮有点不对称。

继Boostrap documentation将在你的文档验证码：

<!DOCTYPE html> 
<html lang="en"> 
    ... 
</html>

您将结束与这样的按钮：

来源

2015-11-01 23:57:17 Lukas

引导拆分按钮下拉大小不相同

回答

相关问题