Twitter bootstrap 引导拆分按钮下拉列表未正确显示_Twitter Bootstrap_Twitter Bootstrap 3

Twitter bootstrap 引导拆分按钮下拉列表未正确显示

twitter-bootstrap twitter-bootstrap-3

Twitter bootstrap 引导拆分按钮下拉列表未正确显示,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我没有覆盖任何引导类，我有所有的css和js 当我粘贴引导程序的相同代码时，它也会显示不正确代码如下： <div class="btn-group"> <button type="button" class="btn btn-primary">Action</button> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropd

我没有覆盖任何引导类，我有所有的css和js

当我粘贴引导程序的相同代码时，它也会显示不正确代码如下：

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


行动
切换下拉列表

显示这种类型的错误输出

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

<!DOCTYPE html>

这为我解决了这个问题。


<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黑客，但对我来说没有用。

这肯定是复制/粘贴错误吗？->

class=“btn btn primar！[在此处输入图像描述][1]y”

ohh抱歉，在我的编码中写问题说明时出错了我已经编辑了我的问题您是否更改了

按钮或上的任何默认css。btn
s如填充
？不，我已经在我的问题中澄清了这一点我认为您也可以在您的页面中尝试，您将获得相同的输出