-
.table：基础表格 ☑ .table-striped：斑马线表格 ☑ .table-bordered：带边框的表格 ☑ .table-hover：鼠标悬停高亮的表格 ☑ .table-condensed：紧凑型表格 ☑ .table-responsive：响应式表格查看全部
-
在pre标签上添加类名“.pre-scrollable”，就可以控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。查看全部
-
三种代码风格： 1、使用<code></code>来显示单行内联代码 2、使用<pre></pre>来显示多行块代码 3、使用<kbd></kbd>来显示用户输入代码查看全部
-
.dl-horizontal：给定义列表实现水平显示效果。 1、将dt设置了一个左浮动，并且设置了一个宽度为160px 2、将dd设置一个margin-left的值为180px，达到水平的效果 3、当标题宽度超过160px时，将会显示三个省略号查看全部
-
.list-inline”把垂直列表换成水平列表，而且去掉项目符号（编号），保持水平显示。查看全部
-
<style type="text/css"> body{padding:50px 0 0 0;} .label:empty {display: none;} </style> </head> <body> <!--代码--> <h3>Example heading <span class="label label-danger">3</span></h3> <!--代码--> <span class="label label-default">默认标签</span> <span class="label label-primary">主要标签</span> <span查看全部
-
Jquery在bootstrap前引用，将js引用放在body最后查看全部
-
基于html5与css3的前端开发框架查看全部
-
内联列表就是为制作水平导航而生。查看全部
-
<!--导航条状态及二级菜单--> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <a href="##" class="navbar-brand">教育网</a> </div> <ul class="nav navbar-nav"> <li class="active"><a href="##">网站首页</a></li> <li><a href="##">名师介绍</a></li> <li><a h查看全部
-
基础导航条使用方法： 在制作一个基础导航条时，主要分以下几步： 第一步：首先在制作导航的列表(<ul class=”nav”>)基础上添加类名“navbar-nav” 第二步：在列表外部添加一个容器（div），并且使用类名“navbar”和“navbar-default”查看全部
-
<ul class="breadcrumb"> <li><a href="##">首页</a></li> <li><a href="##">名师简介</a></li> <li class="active">大漠</li> </ul>查看全部
-
响应式导航 <!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"> <style type="text/css"> body{padding:50px 0 0 0;} </style> </head> <body>查看全部
-
<div> <ul class="nav nav-pills nav-justified"> <li><a href="##">首页</a></li> <li class="dropdown active"><a class="dropdown-toggle" data-toggle="dropdown" href="##">教程<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="##">CSS3</a></查看全部
-
<ul class="nav nav-pills nav-justified"> <li class="active"><a href="##">商品介绍</a></li> <li><a href="##">规格参数</a></li> <li class="disabled"><a href="##">商品评价</a></li> <li><a href="##">售后保证</a></li> </ul>查看全部
举报
0/150
提交
取消