lipeijie163
灿烂微笑的代码狗
采纳率33.3%
2018-10-10 06:25 阅读 9.6k

前端小白请教一下bootstrap高度自适应问题

5

bootstrap元素的宽度可以通过col-xx-xx自适应,那高度自适应一般是怎么做的呢?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

4条回答 默认 最新

  • zt13502162671 zt13502162671 2018-10-13 05:49

    一句话height:100vh,vh是当前的显示器的高度,100%首先你要定义你html,body,或者外面dom的高度,不然下辈子都是凉凉的。class="col-md-4" 这个是宽度的12分之4

    点赞 4 评论 复制链接分享
  • falali19880120 千秋无痕 2018-10-10 06:40

    bootstrap好久不用了,我记得好像是格栅布局吧;通过控制一行有几个格子来自适应宽度;那么肯定有一列有几个格子来控制高度的吧;

    点赞 评论 复制链接分享
  • qq_27848369 hot2dog 2018-10-10 07:18

    height: 100%

    点赞 评论 复制链接分享
  • bthuntergg bthuntergg 2018-10-10 08:20

    因为是滚动的 只要宽度自适应 那个高度就会相对应的缩放,所以没有高度自适应
    设置 height: 100% 就可以了

    举个例子 col-md-4 3行占满屏幕宽度,当其中一个栅格里的元素占据很高的时候 那个其他俩格就会撑开,所以一般越高的内容
    它的栅格就会越宽

    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
    
    
    点赞 评论 复制链接分享

相关推荐