胖虎虎虎虎_
打开你写的页面,然后按f12键调到控制台选项看报的什么错
TreasureGirl
<div class="collapse navbar-collapse" id="demo-navbar">
<ul class="nav navbar-nav">
第一行要写正确
qq_慕妹4311694
你css。js文件放对了吗???????
慕数据8178961
先引入自己的 style.css
<link rel="stylesheet" href="./css/style.css">
在 Brand 添加自己的图片
<a href="#" class="navbar-brand"><img src="./images/chrome.jpg" alt="现代浏览器博物馆" id="logo"></a>
注意我这里使用 id="logo"
然后在 style.css 中选择到 logo 进行尺寸设置
#logo{
width: 30px;
height: 30px;
}最简单的尺寸设置就完成了
黑芝麻糊
dropdown等属性没有设置
AbelZephyr
AbelZephyr
因为版本不一样。你仔细点找下,按照红框里面的菜单。只要是教程其实都会有类似的问题,因为更新换代太快了
慕设计9011768
贴代码
慕运维9415514
<head>里面少了东西,文档看一下
冷寒轩111
没事了,解决了
阳一岁
不需要,要学会利用开发文档,Bootstrap中文网上很详细,记住每个组件的作用样式即可
慕函数4077868
好的,谢谢
幕粉一枚
慕粉3867151
button标签里面的data-toggle属性拼写错了,改成data-toggle="collapse",代码如下:
<!doctype html>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>现代浏览器博物馆</title>
<!-- Bootstrap CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div>
<div>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span>Toggle navigation</span>
<span></span>
<span></span>
<span></span>
</button>
<a href="#">Brand</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">Link</a> </li>
<li><a href="#">Link</a> </li>
</ul>
</div>
</div>
</nav>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js" ></script>
</body>
</html>
宝慕林0419935
不是很懂你的问题啊,字体不是font-size属性吗?可以设置为:固定像素点16px,也可以设置为1.5rem,数据根据你的需要调整就是了
慕码人1853518
额,还真不知道,同问吧,不好意思哈
qq_暖絮_0
<script type="text/javascript">
$(function(){
$(window).scroll(function(){
//var winH=$(this).height();
var scrH=$(this).scrollTop();
if (scrH>=300) {
$('nav').css("opacity",".1");
}else{
$('nav').css("opacity","1");
}
});
});
</script>对照着看一下,jq很方便的,但是不建议这样去改,最好去自定义你的bootstrap框架。简单的多
qq_暖絮_0
这里有css权重的问题
.navbar-default .navbar-nav > li > a { color: #fff;
}
慕粉2258494361
课程右边有提供源代码的.
快帮我拿点纸
导入库有问题。试下这些
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" />
莹爱听叶落归根
慕无忌0825444
因为你导入的js和bootstrap的插件不对,
试试在<head></head>中把你的<link...>换成:
<link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
把<body></body>里的<script..>换成:
<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
慕慕1282554
用CSS来写,和普通的CSS没有区别,用padding和margin来写都行的。
希望对你有帮助,祝你学习愉快。
cq不一样
设置一下border-radius属性,bootstrap的css文件border-radius: 4px
相见无言
这是因为你的导航条没有置顶呀, 你在nav 的class里加 navbar-fixed-top 属性就好了,可是你多 多大了一个点........ 置顶属性就没有生效。
R桀
你想要什么反应
希希同学
在中文网 反色的导航条
S是菜鸟
编程靠耐心和细节,一点点的疏忽都会出问题,所以做不出来的时候不要着急,认真检查每一行代码,查找错误。
富百世
将dropdown单独列出,用navbar-right属性
<ul class="nav navbar-nav navbar-right">
富百世
logo加上样式navbar-brand