- Bootstrap从入门到项目实战
- 李爱玲
- 113字
- 2021-03-24 20:36:48
3.2.5 列嵌套
如果想在网格系统中将内容再次嵌套,可以通过添加一个新的.row元素和一系列.col-sm-*元素到已经存在的.col-sm-*元素内。被嵌套的行(row)所包含的列(column)数量推荐不要超过12个。
【例3.14】列嵌套示例。
![](https://epubservercos.yuewen.com/84690B/15936052304963006/epubprivate/OEBPS/Images/Figure-P45_1713.jpg?sign=1739179250-SPnpuvhhVoGuHiAnqbYziirx8F8FRpPy-0-0d9b131ba73c67893df2de3a5b389d63)
在IE 11浏览器中运行结果如图3-19所示。
![](https://epubservercos.yuewen.com/84690B/15936052304963006/epubprivate/OEBPS/Images/Figure-P45_1715.jpg?sign=1739179250-hjtD7aryo7XSe1mCun4dBXwAUAoxmK97-0-473c9a7ef83dd345fc39e608730995e8)
图3-19 列嵌套效果
如果想在网格系统中将内容再次嵌套,可以通过添加一个新的.row元素和一系列.col-sm-*元素到已经存在的.col-sm-*元素内。被嵌套的行(row)所包含的列(column)数量推荐不要超过12个。
【例3.14】列嵌套示例。
在IE 11浏览器中运行结果如图3-19所示。
图3-19 列嵌套效果