javascript - bootstrap到底怎样使用
问题描述
各位大牛，你们好，我是一个前端小白，接触bootstrap有一个多月了，会基本的使用，比如说页面上的控件html怎么写。但是实际应用中，如果想自己添加样式该怎样呢，内联进去有时候会不起作用，另外写css感觉有时候也是不起作用，而且会把原来的一些正常的没问题的效果覆盖。好像看过，说是用bootstrap自己使用的话得自己编译less语言，直接用会有一些不方便或者问题。。各位大牛帮帮忙，是我理解错了还是怎样？
对于楼上的部分的观点不敢苟同，bootstrap可以是一个很好的前端入门。当然，取决你怎么理解它，怎么看它。
bootstrap足够简单，易用性好，甚至在很多人看来他算不上一个框架。但是，它简单其中有一个很重要的原因是因为它的设计思想很优秀，同时又造就了它极好的通用性。
如何去学bootstrap，我觉得有以下几点：
阶段一：CSS还没有完全掌握，建议先不要依赖它，一定要自己去手写。不要求能写出每个属性，至少
能知道有哪些选择器，它们之间的优先级；
有哪些常用属性，对应有哪些属性值，每个属性之值设置之后会有什么样的效果？
就像你提的内联设置不生效，可能就是因为对优先级理解不到位，比内联优先级还高的还有float: left !important其实这个是快速浮动，一个很方便的东西。
阶段二：能熟练手写代码之后，再回头来看Bootstrap,此时，学习的是它的布局，书写规范，以及每个功能模块，栅格、表单、表格、辅助类……都试一试，用一用，这时候你可能会觉得Bootsrap写法有些繁琐，一个标签要写那么多属性，感觉都用不到啊？这时候你就要想它作为一款优秀的框架为什么写这些用不上的标签？比如[data-role]这种以data开头的属性，还有[aira-labelledby]等类似的属性，你可以自己去搜一搜，查一查为什么这么写，是为了屏幕阅读器，还是今后在jquery中的data()方法方便使用……不需要你去真正理解，但一定要带着问题学习。
阶段三点五吧：平时浏览网页的时候，你就看看人家网页有没有用Bootstrap，如果用了找出人家用的那一个地方、组件，用在哪里。如果是你，你要怎么用，怎么设计……
阶段三：目的，养成良好的编码风格习惯，和快速开发。等你开始做项目，这时候刚好项目用的是bootstrap，就要一边开着Bootstrap，一边开着设计稿，看到设计稿的一个功能后，要马上想，去找bootstrap里面有没有，有就用。到时候你就会发现真的很方便，尤其在做复杂表单控件的时候,form-horizontal,form-inline,form-group,input-group省了多少事。
阶段四：看源码，看人家是怎么写的，尤其是配合jquery的那些js组件。
尼玛，写了这么多，好累，不写了。。。。
这篇关于javascript - bootstrap到底怎样使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
