关于bootstrap 2-7项目作业下拉菜单显示的问题

m3707***

下拉菜单变形，如何将其恢复横向显示？

变成视频中演示的这种样式：

我的源代码是：




      2-7

                     Toggle navigation

首页 (current)
                              生日
- Action
- Another action
- Something else here
- Separated link
- One more separated link
                              婚礼
- Action
- Another action
- Something else here
- Separated link
- One more separated link
                              专用
- Action
- Another action
- Something else here
- Separated link
- One more separated link
                              商铺
- Action
- Another action
- Something else here
- Separated link
- One more separated link

layout.css里的样式是：
@charset "utf-8";
.head-msg{
float: right;
height: 50px;
line-height: 50px;
text-align: center;
}
.head-msg > span{
width: 45px;
color: #FFFFFF;
}
.navbar-default{
background: #5d4b33;
border: none;
border-radius: 0;
}
.navbar-header,.navbar-toggle{
float: left;
}
.navbar-default .navbar-toggle .icon-bar{
background-color: #fff;
}
.navbar-default .navbar-toggle{
background-color: #f0781a;
}
.navbar-brand img{
margin-top: -8px;
}
.container-fluid > .navbar-collapse{
float: left;
}

爱***

使用绝对定位

时代威客APP

时代威客公众号

时代威客小程序

猜你需要

热门需求

关于bootstrap 2-7项目作业下拉菜单显示的问题

参与会员1

可能感兴趣的问答

浏览过的版块

最新任务

最新问答

优

快

专

保

新手帮助

平台规则

关于时代

便捷服务

微信小程序

新浪微博

手机客户端