-
动画效果弹出面板（滑动）： <div class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header">...</div> <div class="modal-body">...</div> <div class="modal-footer">...</div> ...</div> ...</div> ...</div>查看全部
-
Bootstrap框架提供了两种固定导航条的方式：<br> .navbar-fixed-top：导航条固定在浏览器窗口顶部<br> .navbar-fixed-bottom：导航条固定在浏览器窗口底部<br> 使用方法很简单，只需要在制作导航条最外部容器navbar上追加对应的类名即可。 存在bug及解决方法: 从运行效果中大家不难发现，页面主内容顶部和底部都被固定导航条给遮住了。 为了避免固定导航条遮盖内容，我们需要在body上做一些处理： body { padding-top: 70px;/*有顶部固定导航条时设置*/ padding-bottom: 70px;/*有底部固定导航条时设置*/ } 因为固定导航条默认高度是50px，我们一般设置padding-top和padding-bottom的值为70px，当然有的时候还是需要具体情况具体分析。 第二种解决这个bug方法： 其实除了这种解决方案之外，我们还有其他的解决方法，把固定导航条都放在页面内容前面： <div class="navbar navbar-default navbar-fixed-top" role="navigation"> … </div> <div class="navbar navbar-default navbar-fixed-bottom" role="navigation"> … </div> <div class="content">我是内容</div> 在文件中添加下列样式代码： .navbar-fixed-top ~ .content { padding-top: 70px; } .navbar-fixed-bottom ~ .content { padding-bottom: 70px; } 当然，这种方法有的时候也是需要具体情况具体分析的。查看全部
-
在制作一个基础导航条时，主要分以下几步： 第一步：首先在制作导航的列表(<ul class=”nav”>)基础上添加类名“navbar-nav” 第二步：在列表外部添加一个容器（div），并且使用类名“navbar”和“navbar-default”查看全部
-
div容器运用了“panel”样式，产生一个具有边框的文本显示块。由于“panel”不控制主题颜色，所以在“panel”的基础上增加一个控制颜色的主题“panel-default”，另外在里面添加了一个“div.panel-body”来放置面板主体内容： <div class="panel panel-default"> <div class="panel-body">我是一个基础面板，带有默认主题样式风格</div> </div> 是一个白色背景色的面板 机智哥 16:41:00 “面板头部”和“页面尾部”的效果： panel-heading：用来设置面板头部样式 panel-footer：用来设置面板尾部样式 机智哥 16:41:12 就是把一个面板分为上中下结构 机智哥 16:44:33 panel-primary：重点蓝panel-success：成功绿 panel-info:信息蓝 panel-warning：警告黄panel-danger：危险红 ，把panel-dafalut换成上面你想显示的颜色的类就可以了 机智哥 16:46:32 面板中嵌套表格 一般情况下可以把面板理解为一个区域，在使用面板的时候，都会在panel-body放置需要的内容，可能是图片、表格或者列表等。来看看面板中嵌套表格和列表组的一个效果。在panel-body 里面写表格就可以了 机智哥 16:49:50 面板中嵌套列表组，早panel-body里面写个列表组就可以 了查看全部
-
无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl>查看全部
-
在制作一个基础导航条时，主要分以下几步： 第一步：首先在制作导航的列表(<ul class=”nav”>)基础上添加类名“navbar-nav” 第二步：在列表外部添加一个容器（div），并且使用类名“navbar”和“navbar-default”查看全部
-
默认进度条：外div progress 内div progress-bar 彩色进度条：外div progress 内div progress-bar progress-bar-success/info/warning/danger 带条纹(彩色)的进度条：外div pregress progress-striped 内div progress-bar progress-bar-success/info/danger.. 动态进度条：外div progress progress-striped active 内div progress-bar progress-bar-success/info.. 层叠进度条（彩色或默认色）： <div class="progress"> <div class="progress-bar progress-bar-success/info.." ></div> <div class="progress-bar progress-bar-success/info.." ></div> </div> 带label的进度条： <div class="progress"> <div class="progress-bar progress-bar-success/info.." role="progressbar" aria-valuenoe="" aria-valuemin="" aria-valuemax="" >40%/20%.. </div>查看全部
-
from-group:就是讲表单中的元素分成一块一块便于对齐调整样式 class="form-control"在bootstrap就是默认为宽度100%；所以要用这个col-sm-offset-2 col-sm-10包裹起来，限定你要的宽度 role属性是给读屏软件用的role的作用是描述一个非标准的tag的实际作用。比如用div做button，那么设置div 的 role=“button”，辅助工具就可以认出这实际上是个button。上面的句子中 form的角色是作为form来使用的，辅助工具就认作是form . .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; }，因为其子元素有padding-left:15px和padding-right:15px；又来将容器拉出其外部容器，使用浮动元素不掉行。 “col-sm-offset-2 col-sm-10”的意思就是当前div往右偏移col-sm-2，然后再占位col-sm-10。参考http://v3.bootcss.com/css/这边有图文说明。使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。查看全部
-
如果没看到效果，是因为屏幕分辨率不够，把md换成xs 列组合： <div class="container"> <div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-8">.col-md-8</div> </div> <div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> </div> <div class="row"> <div class="col-md-3">.col-md-3</div> <div class="col-md-6">.col-md-6</div> <div class="col-md-3">.col-md-3</div> </div> </div>查看全部
-
IE中兼容最新的渲染模式。。查看全部
-
在Bootstrap中，可以使用<b>和<strong>标签让文本直接加粗。查看全部
-
全局样式 移除body的margin声明 设置body的背景色为白色 为排版设置了基本的字体、字号和行高 设置全局链接颜色，且当链接处于悬浮“:hover”状态时才会显示下划线样式查看全部
-
添加lead类名可以让文本突出显示 <cite></cite>表示引文查看全部
-
在Bootstrap框架中要实现水平表单效果，必须满足以下两个条件：<br> 1、在<form>元素是使用类名“form-horizontal”。<br> 2、配合Bootstrap框架的网格系统。（网格布局会在以后的章节中详细讲解）查看全部
-
CTRL+鼠标滚动条 放大，可以使右部分展示出该有的效果查看全部
举报
0/150
提交
取消