近期在尝试用bootstrap做移动端开发，发现了一些问题，这里写下自己的一些想法与疑问？
程序员文章站
2022-04-13 08:50:04
...
首先对于移动端来说加载bootstrap的js css本身就比较笨重，再一个就是bootstrap本身对移动端布局的支持就比较局限，只是基于它自己的那套风格，比如一个div 你设置宽高都是200px,在不同屏幕下包括pc 它的宽高还是200px根本不会放大缩小，如果用rem那我干脆再加上media query 干嘛还要用bootstrap。bootstrap在移动端开发特别是精确的布局上面个人感觉还是存在很多问题。
最近兴起rem+media query 做移动端开发，我也做过一个项目用的这种方案，确实不错，在移动端开发页面布局兼容上确实比较好。而且轻量。bootstrap的响应式布局也是基于这种媒体查询的方案。
感觉如果是纯粹的移动端开发是不是要放弃bootstrap，或者是bootstrap的重点不是在移动端，而是在pc
首先，我们来看你所认为的「笨重」。这是我刚刚下载的 bootstrap：
Bootstrap提供了一套比较成熟的框架，并且拥有一些基础JavaScript功能：Alert，Tooltip和Collapse等等。总之用起来就是方便，建站也迅速。
至于Media Query……首先它不是最近兴起的; 其次确实，在Bootstrap3里也已经用到：
CSS · Bootstrap
那么为什么要用Bootstrap？
【1】方便
【2】方便
【3】确实方便
具体可以看这里 --> Bootstrap3正式版发布！
就我个人感觉，如果题主追求样式的个性化。如果有专门的设计团队，那没问题；如果没有……我觉得你会想念Bootstrap
如果不用Bootstrap，有没有替代品？
看这里 --> Ratchet
看这里 --> http://purecss.io/
看这里 --> Foundation | The Most Advanced Responsive Front-end Framework from ZURB
看这里 --> YAML CSS Framework
看这里 --> Skeleton: Responsive CSS Boilerplate bootstrap3官网是写着优先移动端的，不过是在原先pc端的基础上进行优化的，是同时兼顾pc端的。因此如果是纯移动端，你可以对样式进行定制(Customize and download · Bootstrap)，或者用其它框架。
如果你用rem布局，其实用不着bootstrap了，尤其是在对样式进行定制化时比较麻烦，我推荐是学习其中常用的css代码，抽离之后自己写个简易框架 我只会拿bootstrap的mixin来参考或用一下，其他的确实不太适合生拉硬套 你可知，真正的纯移动端大型应用，是没有人用bootstrap的。。。
如果你非要用框架，请用纯移动端的框架。 接收的好几个项目中有拿bootstrap的 ，结果拿过来狂覆盖，最先开始用的人不知道有个定制吗？？？？？看着就烦人 Bootstrap是个经典的响应式框架，但它不一定适合你的项目。
你需要去改造它，或者和其他各种插件结合，甚至研究它的源码写出自己的更适合移动端的框架。
移动端我觉得Frozen. js挺好的。 bootstrap采用的是流式栅格式响应布局，这种栅格式布局方式本身就是为移动设备优先考虑，对于不同的设备栅格系统设置了不同的tag，如大型设备使用lg，中型md，小型xs等只需要简单配置即可实现响应式布局个人觉得十分优秀。对于移动端不适应的部分的存在，造成的主要原因是他的一些js组件太重手机浏览器并不能良好承载。另外建议手机页面最好不要确定具体宽度，最好调整viewport来控制页面的比例 bs刚出来的时候用过，感觉还挺方便，但后来完全没有一点兴趣，一是没必要用到所有的组件(虽然可以自定义选择组件，但是感觉还是不精简)，二是全世界很多人都在用这套设计，有厌倦感，假如要基于bs去重新定义颜色或者更改设计，又很难跳出那个框。做技术类项目文档用bs我感觉还挺适合的，但是牵涉到一些需要有特色的，需要与众不同的就别用bs了，那个会有束缚的，况且自己弄个可响应的页面、组件又不难 Foundation如何？
最近兴起rem+media query 做移动端开发，我也做过一个项目用的这种方案，确实不错，在移动端开发页面布局兼容上确实比较好。而且轻量。bootstrap的响应式布局也是基于这种媒体查询的方案。
感觉如果是纯粹的移动端开发是不是要放弃bootstrap，或者是bootstrap的重点不是在移动端，而是在pc
回复内容：
你之所以有这些疑惑，可能是前端工程的经验不够以及对 Bootstrap 的理解不够深。首先，我们来看你所认为的「笨重」。这是我刚刚下载的 bootstrap：
bootstrap.js - 68954
bootstrap.min.js - 36868
bootstrap.min.js.gz - 9781
bootstrap.css - 146082
bootstrap.min.css - 121260
bootstrap.min.css.gz - 19765
Bootstrap提供了一套比较成熟的框架，并且拥有一些基础JavaScript功能：Alert，Tooltip和Collapse等等。总之用起来就是方便，建站也迅速。
至于Media Query……首先它不是最近兴起的; 其次确实，在Bootstrap3里也已经用到：
CSS · Bootstrap
那么为什么要用Bootstrap？
【1】方便
【2】方便
【3】确实方便
具体可以看这里 --> Bootstrap3正式版发布！
就我个人感觉，如果题主追求样式的个性化。如果有专门的设计团队，那没问题；如果没有……我觉得你会想念Bootstrap
如果不用Bootstrap，有没有替代品？
看这里 --> Ratchet
看这里 --> http://purecss.io/
看这里 --> Foundation | The Most Advanced Responsive Front-end Framework from ZURB
看这里 --> YAML CSS Framework
看这里 --> Skeleton: Responsive CSS Boilerplate bootstrap3官网是写着优先移动端的，不过是在原先pc端的基础上进行优化的，是同时兼顾pc端的。因此如果是纯移动端，你可以对样式进行定制(Customize and download · Bootstrap)，或者用其它框架。
如果你用rem布局，其实用不着bootstrap了，尤其是在对样式进行定制化时比较麻烦，我推荐是学习其中常用的css代码，抽离之后自己写个简易框架 我只会拿bootstrap的mixin来参考或用一下，其他的确实不太适合生拉硬套 你可知，真正的纯移动端大型应用，是没有人用bootstrap的。。。
如果你非要用框架，请用纯移动端的框架。 接收的好几个项目中有拿bootstrap的 ，结果拿过来狂覆盖，最先开始用的人不知道有个定制吗？？？？？看着就烦人 Bootstrap是个经典的响应式框架，但它不一定适合你的项目。
你需要去改造它，或者和其他各种插件结合，甚至研究它的源码写出自己的更适合移动端的框架。
移动端我觉得Frozen. js挺好的。 bootstrap采用的是流式栅格式响应布局，这种栅格式布局方式本身就是为移动设备优先考虑，对于不同的设备栅格系统设置了不同的tag，如大型设备使用lg，中型md，小型xs等只需要简单配置即可实现响应式布局个人觉得十分优秀。对于移动端不适应的部分的存在，造成的主要原因是他的一些js组件太重手机浏览器并不能良好承载。另外建议手机页面最好不要确定具体宽度，最好调整viewport来控制页面的比例 bs刚出来的时候用过，感觉还挺方便，但后来完全没有一点兴趣，一是没必要用到所有的组件(虽然可以自定义选择组件，但是感觉还是不精简)，二是全世界很多人都在用这套设计，有厌倦感，假如要基于bs去重新定义颜色或者更改设计，又很难跳出那个框。做技术类项目文档用bs我感觉还挺适合的，但是牵涉到一些需要有特色的，需要与众不同的就别用bs了，那个会有束缚的，况且自己弄个可响应的页面、组件又不难 Foundation如何？
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频
上一篇： 导航栏的多样设置_html/css_WEB-ITnose
下一篇： 关于端面的详细介绍