开发者社区> 问答> 正文

学习bootstrap 有什么什么方式 推荐一下吗?求推荐

我刚刚接触前端的一点HTML CSS的东西 现在有一个项目要用bootstrap 做前端 ,以前都是做后端的PHP 对前端不是很熟悉,
我现在学bootstrap 发现很盲目不知道怎么下手

官方文档看的懂, 然后一涉及到设计做一个页面就不知道怎么下手了

展开
收起
杨冬芳 2016-06-01 18:26:46 2011 0
2 条回答
写回答
取消 提交回答
  • 看官网的api
    2019-07-17 19:23:38
    赞同 展开评论 打赏
  • IT从业

    •你得知道,这种框架可不是直接用css写的,人家是用的less或者sass(scss)写的,然后生成出来的。恭喜你获得未点亮技能less和sass(scss)。
    •bootstrap有两个大的版本,一个是2,一个是3。主要就是3不直接兼容IE8-的浏览器了,因为用了许多CSS3的东西。
    •bootstrap的东家是推特,源码挂在github。

    把要引用的文件都弄明白是干什么的,然后看着官方的例子,找到要用的直接复制粘贴。直接开浏览器调试器看。特别是栅格系统,2和3有很大的不同,要好好弄明白,毕竟是关乎整个网页的结构。然后js组件也多用用,感受一下。icon-font也是好东西,多看看,多用用。

    重点来了,这里是一个技术人员的分水岭了。我个人认为bootstrap的一个优点是他的命令规则,值得好好研究。栅格的设计也是比较优美,相当耐用。想一下人家为什么这么设计。不止是css的设计,less和sass(scss)也是相当值得一看。里面各种精巧设计,简直就是活例子。里面各种函数化设计,相当灵活。

    如果我想要一个24栏的栅格系统肿木办?自己修改。而且官方其实也提供了一个自定义的工具,调调颜色什么的。或者看源码,这样就能根据自己的需求生成适用于自己项目的bootstrap了。

    拿过来,改一改,那就是自己的了。我不知道大家都用bootstrap,都是为了用那几个UI组件,反正我是把有用的抽出来,然后改一改,然后加点什么,变成适用于项目。然后你会发现,自己用的东西都是自己改造的,这个时候bootstrap才真正的发挥了他的价值。

    2019-07-17 19:23:38
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
编程语言如何演化—— 以 JS 的 private 为例 立即下载
编程语言如何演化-以JS的private为例 立即下载
探究 Node.js 的服务端之路 立即下载