AdminLTE框架基础布局使用

阅读原文时间：2023年07月10日阅读：1

box
box-solid:去掉顶部边框线
box-header
with-border：添加头底部边框线

按钮：
—— btn btn-default 默认

：按钮组，按钮间横向排列无间距

按钮组，按钮间竖向排列无间距

按钮组，按钮间类似td等宽横向排列无间距
—— btn-block：宽度100%
—— btn-flat：按钮无圆角
—— btn-app：接近正方形大按钮
—— btn-lg btn-sm btn-xs 按钮大小
—— backgroundColor:

.btn-default .btn-info .btn-danger .btn-warning .btn-success .btn-primary

标签：

—— backgroundColor:

.label-danger, .label-info, .label-warning, .label-primary, .label-success, .label-primary, .label-default

浮动：
—— pull-right 右浮
—— pull-left 左浮
间距：
—— margin 默认10px
左图右文：

Jonathan Burke Jr. Shared publicly - 7:30 PM Today

角标：

其他背景色：bg-

气泡备注：
data-toggle="tooltip" data-original-title="xxxxxxxxxx"

设置位置：data-placement="bottom"

表单：

文字/图标

按钮组

—— form-control：100%宽

—— input-sm:小个input

文本颜色：text-

弹出框：

触发弹框：
1）$('#modal-default').modal('show');
2）　　　　

主文档结构：

缩略图结构：

https://adminlte.io/themes/AdminLTE/index.html

左右结构：

1、

　　
　　　　　　
　　
　　　　空中瑜伽　　　　 0 　　　　　　　　　　Samsung 32" 1080p 60Hz LED Smart HDTV.

2、

Description lists: A description list is perfect for defining terms.
Euismod: Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.; Donec id elit non mi porta gravida at eget metus.
Malesuada porta: Etiam porta sem malesuada magna mollis euismod.
Felis euismod semper eget lacinia: Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo 　　　　sit amet risus.

3、