bootstrap 下拉按钮

yangpei 发布于 2013/01/31 16:59
阅读 736
收藏 0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>web</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap-carousel.js"></script>
<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
</head>


<body>

<div class="container"> 
    <div class="row">
        <div class="span4"></div>
        <div class="span4"></div>                   
        <div class="span4">
            <div class="btn-toolbar" style="margin-top: 18px;">
                <div class="btn-group">
                    <button class="btn btn-primary">动作</button>
                    <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
                    <ul class="dropdown-menu dropup">
                        <li><a href="#">动作</a></li>
                        <li><a href="#">其他动作</a></li>
                        <li><a href="#">其他</a></li>
                        <li class="divider"></li>
                        <li><a href="#">被间隔的链接</a></li>
                    </ul>
            </div>
            </div>
  </div>

代码,图片显示效果如上,为什么右边红色区域背景的高度跟左边背景颜色的高度不一般高呢?请多多指教

加载中
0
xwz
xwz
用chrome或者firefox试一试
0
yangpei
yangpei
我已经解决了。谢谢。
0
yangpei
yangpei
我用firefox试了,还是不行呀。肿么办
0
不必在乎朕是谁
不必在乎朕是谁
请问怎么解决的?我也遇到了同样的问题
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部