本人刚接触BootStrap，发现内容的大小会影响其使用了col-xs-*的父容器，请问有没有办法让其固定高度
代码如下http://v3.bootcss.com/examples/offcanvas/
可以看到由于内容不同，排版很不美观
请问有没有办法解决的
关于BootStrap使用了col-xs-6等类后，内容会改变其高度的大小
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
关注不知道你这个问题是否已经解决, 如果还没有解决的话:- 这篇文章讲的很详细，请看：bootstrap 导航栏固定后，内容被遮盖的解决方案
如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^解决 无用评论 打赏举报 分享
- 2024-08-07 21:10大霞上仙的博客 【代码】bootstrap之网格如col-xs-4。
- 2022-01-18 00:28程序员老狼的博客 col-6 表示占6格 col-3表示占3格 v5版本的新表示 xs<576pxsm≥576pxmd≥768pxlg≥992pxxl≥1200pxxxl≥1400px Containermax-width None (auto) 540px 720px 960px 1140px 1320px Class prefi...
- 2021-06-23 00:03积香苑的博客 栅格系统中的列是通过指定1到12的值来表示其跨越的范围 所以不会有col-**-15 ，最大也就是12。这个应该是说：屏幕大于(≥992px) ，使用col-md-* 而不是col-sm-*；....col-xs-超小屏幕 手机 (<768px),....
- 2021-01-27 17:48spriteson的博客 bootstrap栅栏系统css中的col-xs-,col-sm-,col-md-* 的意义： .col-xs-*超小屏幕手机(768px),.col-sm-*小屏幕平板(≥768px),.col-md-*中等屏幕桌面显示器 说明： 1、col-列； 2、xs-maxsmall，超小；sm-small，小；...
- 2021-01-21 10:27让我试试哈的博客 问题描述： 在bootstrap中的col-xs-*在屏幕缩小时没起作用。 eg. <div class="container-fluid">...div class="col-xs-6 col-sm-3" style="background-color: red;"> <p>ltest1</p> </div>
- 2018-07-28 17:30chde2Wang的博客 前言 对于一些初学boostrap的同学来说，肯定也像我一样傻傻的搞不懂col-××-*都是要...摘要: bootstrap栅栏系统css中的col-xs-*、col-sm-*、col-md-* 、col-lg-*的意义： .col-xs-* 超小屏幕 手机 (<76...
- 2020-05-22 08:46桃月十二_的博客 bootstrap栅栏系统css中的col-xs-、col-sm-、col-md-* 、col-lg-*的意义： .col-xs-* 超小屏幕 手机 (<768px) .col-sm-* 小屏幕 平板 (≥768px) .col-md-* 中等屏幕 桌面显示器 (≥992px) .col-lg-* 大屏幕 大...
- 2019-04-11 15:52旧城以西^的博客 摘要: bootstrap栅栏系统css中的col-xs-*、col-sm-*、col-md-* 的意义： .col-xs- 超小屏幕 手机 (<768px) .col-sm- 小屏幕 平板 (≥768px) .col-md- 中等屏幕 桌面显示器 (≥992px) .col-lg- 大屏幕 大桌面...
- 2018-05-10 08:57qq_38052210的博客 col-lg一般用于大屏设备，(min-width:1200px);col-md一般用于中屏设备，(min-width：992px);col-sm一般用于小屏设备，(min-width：768px);col-xs用于超小型设备，(max-...关于使用，一般设置的话四个属性都用到会比...
- 2019-01-10 17:23Mars-xq的博客 webstrom新建bootstrap项目， 导入css和js 项目结构如下： 写入代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&...
- 没有解决我的问题, 去提问
