-
Bootstrap框架中制作导航条主要通过“.nav”样式。默认的“.nav”样式不提供默认的导航样式,必须附加另外一个样式才会有效,比如“nav-tabs”、“nav-pills”之类查看全部
-
按钮下拉菜单仅从外观上看和上一节介绍的下拉菜单效果基本上是一样的。不同的是在普通的下拉菜单的基础上封装了按钮(.btn)样式效果。 按钮下拉菜单其实就是普通的下拉菜单,只不过把“<a>”标签元素换成了“<button>”标签元素。唯一不同的是外部容器“div.dropdown”换成了“div.btn-group”。查看全部
-
原生 list-style: none;查看全部
-
<ul class="list-unstyled">去除默认样式查看全部
-
无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl>查看全部
-
左对齐,取值left 居中对齐,取值center 右对齐,取值right 两端对齐,取值justify 为了简化操作,方便使用,Bootstrap通过定义四个类名来控制文本的对齐风格: .text-left:左对齐 .text-center:居中对齐 .text-right:右对齐 .text-justify:两端对齐查看全部
-
.text-muted:提示,使用浅灰色(#999) .text-primary:主要,使用蓝色(#428bca) .text-success:成功,使用浅绿色(#3c763d) .text-info:通知信息,使用浅蓝色(#31708f) .text-warning:警告,使用黄色(#8a6d3b) .text-danger:危险,使用褐色(#a94442)查看全部
-
除了可以给元素设置样式font-style值为italic实现之外,在bootstrap<em><i>两标签可以使用查看全部
-
斜体<em><i>查看全部
-
<b></b> <strong></strong>字体加粗标签查看全部
-
<p class="lead">lead段落p突出显示</p>查看全部
-
p标签查看全部
-
<h1><small>副标题</small></h1>查看全部
-
<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">查看全部
-
等分按钮也常被称为是自适应分组按钮,其实现方法也非常的简单,只需要在按钮组“btn-group”上追加一个“btn-group-justified”类名 特别声明:在制作等分按钮组时,请尽量使用<a>标签元素来制作按钮,因为使用<button>标签元素时,使用display:table在部分浏览器下支持并不友好 .btn{ text-overflow:ellipsis; overflow:hidden; white-space:pre; } 加上这几句代码,会使按钮在短的时候里面的字显示省略号,更美观查看全部
举报
0/150
提交
取消