Bootstrap Cheatsheet1

RTL cheatsheet

AI工具

大语言模型

# First Last Handle Handle
1 网址导航 阿虚同学 https://axutongxue.com/
2 网盘资源 阿里小站 https://alixiaozhan.net/ 阿里云盘资源共享站
3 网址导航 好网站不私藏 https://www.207788.xyz/
4 网址导航 爱达杂货铺 https://adzhp.cn/
5 网址导航 书签地球 https://www.bookmarkearth.com/
6 网址导航 不死鸟 https://iao.su/
7 网址导航 iMyShare https://imyshare.com/
8 网址导航 书享家 http://shuxiangjia.cn/
9 网址导航 搜图导航 https://www.91sotu.com/
10 网址导航 SCI_HUB https://tool.yovisun.com/scihub/
11 网址导航 超能搜 https://www.chaonengsou.com/ （百度网盘）
12 网址导航 学吧导航 https://www.xue8nav.com/
13 网址导航 科塔学术 https://site.sciping.com/
14 网址导航 阿猫阿狗导航 https://dh.woshipm.com/ （产品汪、运营喵）
15 网址导航 李叔叔 https://lss.vip/ 办公网址资源导航
16 网址导航 大数据导航 http://hao.bigdata.ren/
17 网址导航 Guidebook https://nav.guidebook.top/
18 网址导航 LKS的网站推荐 https://xiangjianan.gitee.io/lks/
19 网址导航 取景框看世界 https://space.bilibili.com/40427625/video
20 网址导航 茶杯狐 https://www.cupfox.com/ 万能影视剧搜索引擎
21 网址导航 小呆导航 https://www.webjike.com/ 互联网工具导航
22 网址导航 兰客书签 http://b.lackk.com/ 设计类导航
23 网址导航 学吧导航 https://www.xue8nav.com/ 学习导航
24 网址导航 资源帝 http://shu.ziyuandi.cn/ 电子书导航网站
25 网址导航 酷搜 http://www.kusoo.cn/ 网盘导航
26 网址导航 懒盘搜索 https://www.lzpan.com/
27 网址导航 HIPPTer http://www.hippter.com/ PPT导航网站
28 网址导航 简视频 https://www.aewz.com/ 视频创作导航
29 网址导航 搜图导航 https://www.91sotu.com/
30 网址导航 考拉新媒体 https://www.kaolamedia.com/ 新媒体导航
31 字体 字体天下 http://www.fonts.net.cn/

Images

Documentation
PlaceholderResponsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera200x200

Tables

Documentation
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Class Heading Heading
Default Cell Cell
Primary Cell Cell
Secondary Cell Cell
Success Cell Cell
Danger Cell Cell
Warning Cell Cell
Info Cell Cell
Light Cell Cell
Dark Cell Cell
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Figures

Documentation
Placeholder400x300
A caption for the above image.

Forms

Overview

Documentation
We'll never share your email with anyone else.
Radios buttons

Disabled forms

Documentation
Disabled radios buttons

Sizing

Documentation

Input group

Documentation
@
@example.com
https://example.com/users/
$ .00
With textarea

Validation

Documentation
Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please select a valid state.
Please provide a valid zip.
You must agree before submitting.

Components

Accordion

Documentation

This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Alerts

Documentation

Badge

Documentation

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Primary Secondary Success Danger Warning Info Light Dark

Buttons

Documentation

Card

Documentation
PlaceholderImage cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Featured
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
2 days ago
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

  • An item
  • A second item
  • A third item
Card link Another link
PlaceholderImage
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Popovers

Documentation

Scrollspy

Documentation

First heading

This is some placeholder content for the scrollspy page. Note that as you scroll down the page, the appropriate navigation link is highlighted. It's repeated throughout the component example. We keep adding some more example copy here to emphasize the scrolling and highlighting.

Second heading

This is some placeholder content for the scrollspy page. Note that as you scroll down the page, the appropriate navigation link is highlighted. It's repeated throughout the component example. We keep adding some more example copy here to emphasize the scrolling and highlighting.

Third heading

This is some placeholder content for the scrollspy page. Note that as you scroll down the page, the appropriate navigation link is highlighted. It's repeated throughout the component example. We keep adding some more example copy here to emphasize the scrolling and highlighting.

Fourth heading

This is some placeholder content for the scrollspy page. Note that as you scroll down the page, the appropriate navigation link is highlighted. It's repeated throughout the component example. We keep adding some more example copy here to emphasize the scrolling and highlighting.

Fifth heading

This is some placeholder content for the scrollspy page. Note that as you scroll down the page, the appropriate navigation link is highlighted. It's repeated throughout the component example. We keep adding some more example copy here to emphasize the scrolling and highlighting.

Spinners

Documentation

Toasts

Documentation

Tooltips

Documentation