day 55 bootstrap应用

bootstrap

bootstrap是基于JQuery封装的所以引入bootstrap之前必须引入JQuery

常用的图标网站
fontawesome
插件网站
sweetalter

示例

栅栏系统

图书管理系统页面

Toggle navigation Brand

• Link (current)
• Link
• Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link
  • One more separated link

Submit

• Link
• Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link

Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros

图书管理系统

Search

新增

#	id	名称	价格	操作
1	1	三国演义	998	编辑 删除
1	1	三国演义	998	编辑 删除
1	1	三国演义	998	编辑 删除
1	1	三国演义	998	编辑 删除
1	1	三国演义	998	编辑 删除
1	1	三国演义	998	编辑 删除

• «
• 1
• 2
• 3
• 4
• 5
• »

插件图标应用举例

h1. Bootstrap heading Secondary text

highlight sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

中心事项

This line of text is meant to be treated as deleted text. This line of text is meant to be treated as no longer accurate.

egon dsb

egon

兵哥
12321344@qq.com

• 123123
• 123123
• 123123
• 123123

print(123)

姓名	年龄	爱好
老王	20	戴墨镜
饼哥	20	淫诗
饼哥	20	淫诗

Link Button //图标网站 Danger

• «
• 1
• 2
• 3
• 4
• 5
• »

• «
• 1 (current)
...

45% Complete

Panel title

Panel content

Dropup

• Action
• Another action
• Something else here
• Separated link

Toggle navigation Brand

• Link (current)
• Link
• Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link
  • One more separated link

Submit

• Link
• Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link

• Home
• Help
• Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link

• Home
• Help
• Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link

点我弹出/隐藏弹出框

Previous Next

Launch demo modal

×

立即登入

退出 登入

来源：https://www.cnblogs.com/wwei4332/p/11692000.html