我正在使用 Bootstrap 3.3 和Bootstrap Material Design 框架构建一个应用程序。我正在尝试制作一个浮动操作按钮,当您单击它时会打开它。
为了做到这一点,我创建了这个Bootply,它具有以下代码:
<div class="btn-group dropup floating-action-button">
<button type="button" class="btn btn-info btn-fab btn-raised dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="material-icons">save</i></button>
<ul class="dropdown-menu dropdown-menu-right" style="min-width:0; background-color:transparent;">
<li><a href="#" class="btn btn-danger btn-fab btn-raised"><i class="material-icons">clear</i></a></li>
</ul>
</div>
按钮有效,但看起来不正确。有两个问题让我抓狂。首先,弹出菜单不透明。有一种border
我似乎无法摆脱的阴影。
其次,我不能使用Bootstrap Material Design 框架页面的浮动操作按钮部分所示的小版本按钮。我不确定我做错了什么。