Bootstrap 4 组件自助生成器
Bootstrap 4 组件，使用了Bootstrap 4 缺省主题，
开箱即用，图标使用的是Font Awesome。
BootStrap 组件
卡片
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Integer posuere erat a ante.
卡片标题
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhere
- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhere
大屏
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
It uses utility classes for typography and spacing to space content out within the larger container.
列表
- Cras justo odio
- Dapibus ac facilisis in
- Porta ac consectetur ac
- Cras justo odio 14
- Vestibulum at eros
- Dapibus ac facilisis in
表格
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Contextual | Row | @hackerthemes |
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Contextual Row | @hackerthemes | |
排版
Display 1（中文）
Display 2（中文）
Display 3（中文）
Display 4（中文）
h1. Bootstrap heading（标题）
h2. Bootstrap heading（标题）
h3. Bootstrap heading（标题）
h4. Bootstrap heading（标题）
h5. Bootstrap heading（标题）
h6. Bootstrap heading（标题）
Lead Text - Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
正文
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, cumque delectus deleniti dolor esse ex fugiat, id in ipsum modi molestiae mollitia, nulla numquam provident quasi soluta sunt tempora vel. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, aspernatur consequuntur cumque dolor ducimus earum eos, expedita, fuga harum incidunt maxime modi mollitia numquam praesentium sapiente suscipit temporibus ut vero. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet nam nostrum pariatur praesentium tempore. Ad architecto at aut dicta enim, eveniet expedita libero magnam minus, nihil, non sequi sunt voluptates!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.