各位大牛,你们好,我是一个前端小白,接触bootstrap有一个多月了,会基本的使用,比如说页面上的控件html怎么写。但是实际应用中,如果想自己添加样式该怎样呢,内联进去有时候会不起作用,另外写css感觉有时候也是不起作用,而且会把原来的一些正常的没问题的效果覆盖。好像看过,说是用bootstrap自己使用的话得自己编译less语言,直接用会有一些不方便或者问题。。各位大牛帮帮忙,是我理解错了还是怎样?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
对于楼上的部分的观点不敢苟同,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组件。
尼玛,写了这么多,好累,不写了。。。。
建议先去了解一下优先级,然后参考F12中DOM的computed,划了线的是优先级不够不生效的语句。
可以看一下css优先级
https://segmentfault.com/a/11...
不需要你会用,重要的是你需要看懂那些css是怎么写的,你以后会发现boostrap的实际用途并不那么大。
使用框架前最起码要对css很了解,建议学会less或者sass先吧
只有在写一些自己的东西偷懒才会用bootstrap。
不太喜欢它把DOM结构弄得很复杂,自己写的话DOM结构会清晰很多。
有设计稿的时候肯定是用不上了。
好好打磨基础了,学会用工具有时就是一天一小时的事情。
比如你说添加样式不起作用,你应该了解一下选择器的优先级,important。
如果是刚使用bootstrap没多长时间可以按照一般写 页面的方式来写,注意css的优先级就可以了 ,在chorme 中可以看到哪个css在作用