我的Bootstrap开发笔记

自动定位浮标affix元素

## 图片轮播（幻灯片）效果

#### 这是说明文字

这是说明的内容

## 反转按钮data-toggle

## 可以关闭的警告窗口fade in

#### 跨浏览器兼容性

请时刻牢记：Internet Explorer 8 不支持 CSS3 中的圆角属性。

关闭

#### 注意，本窗口的关闭与上面窗口是不同的

`本窗口指定了本div 的ID，同时使用了data-target属性指向了这个ID`

关闭

## 洼地CSS<well>

Some default panel

> 注意，这是引用内容

## 面板设置<panel>

上海首家无人便利店重新开张再遇阻 涉嫌违建被查
【TechWeb报道】7月14日消息，日前，上海首家无人便利店“缤果盒子”因空调故障歇业，昨日重新开张后，又因涉嫌违建被城管上门调查。 上海首家无人便利店重新开张再遇阻 涉嫌违建被查 据澎湃新闻报道，缤果盒子不是从地面起建的，而是拼接组装好后运来的，因此可能涉嫌违建。对于无人超市是否属于违建正在进一步界定当中。
商品信息明细表

ID | 商品名称 | 单价
--- | --- | ---
1 | 海尔空调 | 3680
2 | 美的冰箱 | 6900

## 基础列表组<list-group>

#### PHP零基础开发领你上道儿

【TechWeb报道】7月14日消息，乐视网今日发布《2017年半年度业绩预告》，预计今年上半年净亏损为63,668.34万元至64,168.34万元，而去年同期盈利28,438.39万元 。

#### PHP零基础开发领你上道儿

报告对业绩变动原因说明如下： 1、报告期内（2017年1月1日—2017 年 6月30日），由于公司所处行业特点，当期的版权摊销、CDN以及人力成本等营业成本并未下降，但由于受到乐视体系资金流动性紧张的影响，加之公司品牌受到一定冲击，随之客户粘性出现波动，公司的广告收入、终端收入 以及会员收入均出现较大幅度的下滑。 2、为了坚持精品内容的独播策略，公司在二季度未对外进行版权分销业务，导致版权分销收入同期也大幅下滑。

- Javascript开发实战
- PHP开发实战
- BootStrap开发实战
- Html5开发实战

带链接的列表组99 带链接的列表组99 带链接的列表组99

## 进度条<progress>

69% Complete

# 警告框<alert>

警告！危险境地，请勿入内！本警告框可关闭

# 缩略图测试<img>

### 测试标题

人生就是一个得与失的过程，而我却是一个幸运者，得到的永远比失去的多。生活的压力迫使我放弃了轻松的前台接待，放弃了体面的编辑，换来虽有些蓬头垢面的工作，但是我仍然很享受那些熬得只剩下黑眼圈的日子，因为我在学习使用Photoshop、Flash、Dreamweaver、ASP、PHP、JSP...中激发了兴趣，然后越走越远

提交 订购

### 测试标题

人生就是一个得与失的过程，而我却是一个幸运者，得到的永远比失去的多。生活的压力迫使我放弃了轻松的前台接待，放弃了体面的编辑，换来虽有些蓬头垢面的工作，但是我仍然很享受那些熬得只剩下黑眼圈的日子，因为我在学习使用Photoshop、Flash、Dreamweaver、ASP、PHP、JSP...中激发了兴趣，然后越走越远

提交 订购

# 文本CSS 测试徽章25

这是一个标签 这是一个标签

零基础PHP开发领你上道儿

零基础PHP开发领你上道儿

零基础PHP开发领你上道儿

×

# Hello, world!

...

Learn more

# 带下拉菜单的按钮dorpdown

# 按钮群组<btn-group>

# 按钮<input>

查看评论

# 下拉列表<select>

想去的地方

世界这么大，我想去看看

# 复选框<checkbox>

您喜欢使用的CMS wordpress dedecms phpcms

# 单选<radio>

您的性别 男 女 其它

# 表单<input>

@

# 表单<FORM>

## 表格<table>

ID | 姓名 | 性别 | 年龄
--- | --- | --- | ---
1 | 李雷 | 男 | 33
2 | 韩梅梅 | 女 | 30
3 | 王老师 | 男 | 53

# 这是显示列表的测试

## 无序列表

- 这是测试一
- 这是测试二
- 这是测试三

## 有序列表

1. 这是测试一
2. 这是测试二
3. 这是测试三

`<h1 class="page-header">布局<small>使用BootStrap布局网页</small></h1>
<p><abbr class="initialism" title="常用来写作">博客</abbr>从最初的<strong>域名购买</strong>，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补</p>
局`

     <h1 class="page-header">布局<small>使用BootStrap布局网页</small></h1>
     <p><abbr class="initialism" title="常用来写作">博客</abbr>从最初的<strong>域名购买</strong>，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补</p>
    局

# 使用BootStrap布局网页

> 这四年的时间，有笑过，有怨过，有悔过

> 发行集团

## 第一部分

博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补

### 第二部分

博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补

#### 第三部分

博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补