《bootstrap框架怎么用-bootstrap框架布局》
一、解决方案简述
Bootstrap框架使用方便快捷，能够快速构建响应式布局。要使用其布局功能，需要引入Bootstrap的css和js文件。然后利用它预定义好的栅格系统等类来创建各种布局结构，如行、列布局，并且可以轻松调整不同屏幕尺寸下的显示效果。
二、基础栅格布局
这是Bootstrap布局最常用的方式。
```html
左侧占6份
右侧占6份
``
以上代码中，是容器类，.row表示行，.col - 6表示每列在默认情况下占据12分之6的宽度（即一半）。可以根据需求调整列所占份数，如.col - 4`表示占据12分之4。
三、多设备响应式布局思路
1. 利用不同的前缀修饰栅格类
```html
自适应列
自适应列
自适应列
自适应列
``
用于超小屏幕（手机竖屏），col - sm - *用于小屏幕（平板竖屏），col - md - *用于中等屏幕（桌面显示器），col - lg - *`用于大屏幕（大桌面显示器）。这样当屏幕尺寸变化时，列会根据设定自动调整布局。
2. 使用offset类进行偏移
```html
偏移后的列
``
