您正在查看: 前端开发 分类下的文章
bootstrap--components(十七)--media媒体对象组件
```html
media媒体对象
媒体对象---一般用于评论显示
1.默认样式的媒体对象组件允许在一个内容块的左边或右边展示一个多媒体内容(图像、视频、音频)。
媒体框相对于文本向上显示,默认样式
...
bootstrap--components(十六)--well嵌入组件
```html
well组件
well组件---把 Well 用在元素上,就能有嵌入(inset)的简单效果
普通效果的div
带有well效果的div,我有一个简单的嵌入效果
well组件的大小控制---通过控制此组件的内补(p...
bootstrap--components(十五)--progress进度条
```html
progress进度条
progress进度条--为当前工作流程或动作提供实时反馈
兼容性:进度条组件使用了 CSS3 的 transition 和 animation 属性来完成一些特效。这些特性在 Internet Explorer 9 或以下版本中、Fir...
bootstrap--components(十四)--alert警告框
```html
alert警告框
1.警告框的基本样式如下
ps:警告框没有默认类,添加完alert样式以后最好添加如下相对应的背景样式
成功的警告框
信息的的提示框
提示警告的警告框
提示危险的警告框
2.可关闭的警告框
...
bootstrap--components(十三)--thumbnails缩略图
```html
thumbnails缩略图
1.没有使用thumbnails缩略图组件的图片显示如下
下面图会显示成如下规则,中等(电脑)屏幕上每排4张,小(平板)屏幕上每排3张,超小(手机)屏幕上每排2张
图片会成上述响应式图片,但是图片打的大小比例依旧没有...
使用码云+git秘钥+phpstorm连接远程仓库
(https://cos.cc430.cn/2017/02/21/1767800731.png)(如下方图片碎掉,请刷新页面重试)1.git自己提前安装好2.使用git-bash.exe分两次执行下面的语句 git config --global user.name "caicaizi" git config --global user.email 2...
bootstrap--components(十二)--page-header页头
```html
page-header页头
1.页头--为 h1 标签增加适当的空间,并且与页面的其他部分形成一定的分隔。它支持 h1 标签内内嵌 small 元素的默认效果,还支持大部分其他组件(需要增加一些额外的样式)。
样式如下
.page-header {
paddin...
bootstrap--components(十一)--jumbotron巨幕
```html
jumbotron巨幕
1.巨幕是一个轻量、灵活的组件,它能延伸至整个浏览器视口来展示网站上的关键内容。
流行---适合用于轮播,下面的是全屏幕展示且没有圆角,为div添加.jumbotron就是巨幕的外层div
Hello, world!
...
bootstrap--components(十)--badges徽章组件
```html
badges徽章组件
#aaa:empty {
height: 25px;
border: 1px solid #ddd;
background: #eee;
}
1.徽章组件可以很醒目的展示新的或未读的信...
bootstrap--components(九)--labels标签组件
```html
labels标签组件
1.标签,只需要为span标签添加.label和.label-default样式
example 标签
2.标签的颜色
当标签过多的且在一个很狭窄的区域展示,会很乱,所以最好为每个标签设置d...
bootstrap--components(八)--pagination分页
```html
pagination分页
1.pagination基本分页
分页使用ul>li进行划分,需要为ul添加.pagination样式,且ul必须在nav标签中,这是为了方便特殊浏览工具
...
bootstrap--components(七)-- breadcrumbs路径导航
```html
breadcrumbs路径导航
1.标明页面所处的位置
使用ol>li标签,并为ol添加.breadcrumb样式,当前页面为li添加active样式
父页面
子页面
孙页面
...
bootstrap--components(六)--navbar导航条
```html
navbar导航条
1.导航条的基本使用
放在nav标签中
导航条
2.反色调的导航条样式,为.navbar添加.navbar-inverse,背景变黑
...
bootstrap--components(五)--nav导航
```html
nav导航
1.最初状态下的导航应当使用ul>li
首页
新闻
关于
2.导航条---为ul添加.nav样式
不要将 role 属性添加到 ul 上,因为这样可以被辅助设备(残疾人用的)上被识别为...
bootstrap--components(四)--输入框组
```html
输入框组
1.基本实例--在输入框的任意一侧添加额外元素或按钮。你还可以在输入框的两侧同时添加额外元素。
不支持在输入框的单独一侧添加多个额外元素(.input-group-addon 或 .input-group-btn)。
额外元素在前面i...