javascript - 求助bootstrap响应式问题.

 手机用户2502876103 发布于 2022-11-15 17:02

我用的是col-lg-*,为什么笔记本只要缩小一下浏览器文字就会掉下来呢?

文盾 文化执法云平台

对市场主体经营企业进行全方位的数据监控和视频监控

为文化市场执法提供规范化、专业化、信息化的一站式解决方案

高效管理、智慧执法,中国唯一的文化市场执法云管家

强大的云平台及终端系统功能,使文化执法做到立体式、全方位、全覆盖

了解更多


3 个回答
  • 去看看 bootstrap的媒体查询是什么意思

    / 超小屏幕(手机,小于 768px) /
    / 没有任何媒体查询相关的代码,因为这在 Bootstrap 中是默认的(还记得 Bootstrap 是移动设备优先的吗?) /

    / 小屏幕(平板,大于等于 768px) /
    @media (min-width: @screen-sm-min) { ... }

    / 中等屏幕(桌面显示器,大于等于 992px) /
    @media (min-width: @screen-md-min) { ... }

    / 大屏幕(大桌面显示器,大于等于 1200px) /
    @media (min-width: @screen-lg-min) { ... }

    http://v3.bootcss.com/css/#grid

    2022-11-15 17:20 回答
  • 应该增加 col-md-*

    因为 col-lg-* 是在媒体查询里的,所以屏幕小于 1200px 时,col-lg-* 类是不起作用的。

    可以看看 《深入 bootstrap》。里面有写。

    2022-11-15 17:20 回答
  • col-lg-* 这个类是在浏览器视口宽度大于1200px时生效,

    2022-11-15 17:20 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有