Question

我没有覆盖Bootstrap的任何类，我拥有所有的css和js。

当我粘贴相同的bootstrap代码时，它也显示不正确的代码如下：

 <div class="btn-group">
     <button type="button" class="btn btn-primary">Action</button>
     <button type="button" class="btn btn-primary dropdown-toggle" 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>

显示此类错误输出

enter image description here

Answer 1

这是由于您在网页中定义的doctype。尝试将其设置为：

<!DOCTYPE html>

这解决了我的问题。

Answer 2

<div class="btn-group">
     <button type="button" class="btn btn-primary">Action</button>
     <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" style="padding:9px">
         <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>

有点像css hack，但仍为我工作。

Bootstrap分割按钮下拉菜单无法正常显示

2 个答案: