-
<span class="badge">23</span>
徽章可以在导航键的<li></li>里面使用上面的代码得到
查看全部 -
徽章可以使用<span></span>
查看全部 -
在Bootstrap框架中,要禁用按钮有两种实现方式: 方法1:在标签中添加disabled属性 方法2:在元素标签中添加类名“disabled” 两者的主要区别是:“.disabled”样式不会禁止按钮的默认行为,比如说提交和重置行为等。如果想要让这样的禁用按钮也能禁止按钮的默认行为,则需要通过JavaScript这样的语言来处理。对于<a>标签也存在类似问题,如果通过类名“.disable”来禁用按钮,其链接行为是无法禁止。而在元素标签中添加“disabled”属性的方法是可以禁止元素的默认行为)(其实都无法点击,因为样式源码中的pointer-events:none,禁止了鼠标事件)</a>查看全部
-
botostrap 起步
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap的HTML标准模板</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--你自己的样式文件 -->
<link href="css/your-style.css" rel="stylesheet">
<!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询,如果不需要用可以移除 -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>Hello, world!</h1>
<!-- 如果要使用Bootstrap的js插件,必须先调入jQuery -->
<script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用 -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>查看全部 -
内容7-22
查看全部 -
<script type="text/javascript">
$(function(){
$("li").click(function(){
$(this).addClass("active").siblings().removeClass("active");
})
})
</script>
查看全部 -
一套易用、优雅、灵活、可扩展的前端工具集--Bootstrap. Bootstrap由Mark Otto和 设计建立.
在Github上开源之后,迅速成为最多人watch&fork的项目.同时涌现了许多基于Bootstrap建设的网站:界面清晰,简洁,要素排版利落大方.
查看全部 -
查看全部
-
查看全部
-
查看全部
-
查看全部
-
查看全部
-
查看全部
-
h1-h4,逐次递减6px,h1为36px,margin-top:20px margin-bottom:10px
h4-h6,逐次递减4px,h4为18px,margin-top:10px margin-bottom:10px
查看全部 -
bootstrap的代码风格有<code>、<pre>、<kbd>三种,
查看全部
举报