Bootstrap 类名
时间: 2024-02-10 12:20:36 浏览: 35
Bootstrap一个流行的前端框架,其中一些常用的类名包括:
- container:用于包含整个页面内容的容器
- row:用于包含一行中的列元素的容器
- col-*:用于定义列元素的样式,* 可以是 1-12 的数字,表示占据的列数
- btn:用于创建按钮元素
- alert:用于创建提示框元素
- navbar:用于创建导航栏元素
- form-control:用于包含表单元素的容器
- text-*:用于定义文本样式,* 可以是 primary、secondary、success、danger、warning、info、light、dark 中的任意一个
这些类名可以通过在 HTML 元素上添加 class 属性来使用。
相关问题
Bootstrap v5中卡片组件类名
Bootstrap v5中卡片组件的样式类名为 "card",可以通过添加不同的后缀来实现不同的样式效果,例如:
- "card-body":卡片主体内容
- "card-title":卡片标题
- "card-subtitle":卡片副标题
- "card-text":卡片文字内容
- "card-img-top":卡片顶部图片
- "card-header":卡片头部
- "card-footer":卡片底部
此外,还可以添加 "bg-primary"、"bg-secondary"、"bg-success"、"bg-danger"、"bg-warning"、"bg-info"、"bg-light"、"bg-dark" 等类名来实现不同的背景颜色效果。
Bootstrap v5中按钮样式类名
Bootstrap v5中按钮的样式类名为 "btn",可以通过添加不同的后缀来实现不同的样式效果,例如:
- "btn-primary":主要按钮样式
- "btn-secondary":次要按钮样式
- "btn-success":成功按钮样式
- "btn-danger":危险按钮样式
- "btn-warning":警告按钮样式
- "btn-info":信息按钮样式
- "btn-light":浅色按钮样式
- "btn-dark":深色按钮样式
此外,还可以添加 "btn-lg"、"btn-sm"、"btn-block" 等类名来实现不同的尺寸和布局效果。