导航（基础样式），玩转Bootstrap（基础）教程-慕课网

响应式布局

最新回答 / 静笃Super

是问怎么看到效果么？改变展示页面的宽度，可以看到效果。

2019-08-16

您说的是使用记事本编写html页面时引入js和css吧。如果是这样，使用script标记和link标记引入js、css。例如如下黑体字部分：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title><link rel="stylesheet" href="//maxcdn...

1 回答 816 浏览

2019-03-10

在自己IDE里的样式和慕课写出来的不一样啊

已采纳回答 / ld偏执狂

可能和jq版本有关系，引用慕课网的JQ版本看看<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

2 回答 847 浏览

2017-01-07

为什么把慕课网的代码复制粘贴用浏览器打开的展示图不一样？

最新回答 / 雾雨云露

你引用的css和js 不要用慕课网的建议下载到本地引用 href="dist/css/bootstrap.min.css" 另外jq不要引用百度的下载最新版本jquery.min.js

1 回答 1198 浏览

2016-12-27

关于bootstrap的认识

最新回答 / _晴不知所起一往而深_

就像逛淘宝买衣服吧，模特这么穿搭，你可以照着来，也可以参考一下，搭配别的，等等~~~好吧，，我在说啥~~~就是一些写好的css代码，，，，

2 回答 998 浏览

2017-05-12

菜单底部有长横线怎么形成的？

已采纳回答 / HoldSworder

tabs带一根线，pills不带

1 回答 1750 浏览

2016-11-06

这一节怎么没看到样式有浮动float或者 display：inline；怎么就成了一横排列了？

最新回答 / ilfrank

如果只有nav是无法实现横向排列的，类里面还有一个nav-tabs，这个类是这样定义的：.nav-tabs > li { float: left; margin-bottom: -1px;}

2 回答 420 浏览

2019-02-17

导航open

已采纳回答 / FisNew

利用JS语句或者JQuery，为指定元素添加删除类名class=“open”。详情可以去查阅JS，JQuery文档。

1 回答 1035 浏览

2016-08-23

按钮和弹框是怎么关联起来的?

最新回答 / xiao鸽子

是使用js点击事件联系的

1 回答 814 浏览

2016-08-23

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>
<ul class="nav nav-tabs">
    <li><a href="##">Home</a></li>
    <li><a href="##">CSS3</a></li>
     <li><a href="##">Sass</a></li>
     <li><a href="##">jQuery</a></li>
     <li><a href="##">Responsive</a></li>
</ul>
<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>

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav> li {
  position: relative;
  display: block;
}
.nav> li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav> li >a:hover,
.nav> li >a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav>li.disabled> a {
  color: #999;
}
.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
  color: #999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open >a:hover,
.nav .open >a:focus {
  background-color: #eee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav> li > a >img {
  max-width: none;
}

+ 我来回答回答最高可+2积分

0 回答 912 浏览

2014-10-26