-
简单表单查看全部
-
在Bootstrap框架中，也可以通过几个不同的情况来设置其大小。类似于按钮一样： 1、通过“pagination-lg”让分页导航变大； 2、通过“pagination-sm”让分页导航变小：查看全部
-
为button添加data-target=".类名/#id名"，究竞是类名还是id名呢？由需要折叠的div来决定。查看全部
-
响应式导航条3、并为button添加data-target=".类名/#id名"，究竞是类名还是id名呢？由需要折叠的div来决定。如：需要折叠的div代码段：<div class="collapse navbar-collapse" id="example"> <ul class="nav navbar-nav">… </ul></div> 窄屏时显示的图标代码段： <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#example"> ...</button>查看全部
-
响应式导航条 2、保证在窄屏时要显示的图标样式（固定写法）： <button class="navbar-toggle" type="button" data-toggle="collapse"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> 续下一笔记3查看全部
-
响应式导航条 1、保证在窄屏时需要折叠的内容必须包裹在带一个div内，并且为这个div加入collapse、navbar-collapse两个类名。最后为这个div添加一个class类名或者id名。续下一笔记2查看全部
-
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>基本导航条</title> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> </head> <body> <!--代码--> <div class="navbar navbar-inverse navbar-fixed-top" role="na查看全部
-
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>基本导航条</title> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> </head> <body> <!--代码--> <div class="navbar navbar-inverse navbar-fixed-top" role="na查看全部
-
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>标签形(tab)导航</title> <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查看全部
-
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>向上弹起的下拉菜单</title> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> </head> <body> <div class="btn-group dropup"> <button class="btn btn-success d查看全部
-
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>向上弹起的下拉菜单</title> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> </head> <body> <div class="btn-group dropup"> <button class="btn btn-success d查看全部
-
Bootstrap的全局样式采用了"normalize.css"，是一个让各个浏览器都标准显示输出的框架。查看全部
-
<!-- 以下两个插件用于在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]-->查看全部
-
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery --> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script> <!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用 --> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>查看全部
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">IE首选的兼容性模式 <html lang="en"> 这里的lang="en"可以删除，如果不删除的，用谷歌之类打开，它会认为是英文的，会自动给翻译（如果设置了自动翻译的话）。查看全部
举报
0/150
提交
取消