请问用boostrap框架写页面的时候,有哪些是很重要要注意的?

各位大神好,那个,我想请教一下你们用boostrap框架写页面的时候要考虑这几个方面?
1.是不是全部元素都用百分比显示,比如宽高,外边距那些,全部都不要写死
2.是不是每一块都要用到栅格系统,也就是说每一个块都有container,col-这些
3.用这个框架是不是要配合写很多媒体查询

是这样的,我今天找了一个用boostrap开发的网站 [http://mrhabit.com/][1],就这个,官网精选那里提供的,我看它的源码好像有很多都没有用到栅格系统那些,我是在模仿它的时候发现我老是把外边距那些写死,结果页面一缩根本实现不了它那个效果。。。而且还要写好多媒体查询,

我做了一个下午还是没做出来。/(ㄒoㄒ)//(ㄒoㄒ)/感觉自己好没用,希望你们不嫌弃帮忙解答一下,非常感谢你们··感谢。。。

阅读 4.6k
6 个回答

建议你先把页面结构理清楚再来实现具体的页面效果,至于栅格系统,我一般是在页面中需要有一行比较整齐的排列的时候使用,然后配合媒体查询,适配一下字体什么的。如果你仍然感到疑惑的话,我觉得你可以先照着网页抄几次,慢慢自己再写,手感就来了:)

如果要写响应式,栅格系统还是远远不足的,毕竟框架也有其不灵活的地方,如果你要修改样式,建议在boostrap的css样式后面引入自己的css,这样可以利用CSS的渲染规则覆盖部分boostrap样式,不过最好还是研究一下 flex布局和媒体查询,基础才是王道。

既然用了框架就尽力不要自己写样式了啊。

学习不要着急,只有思路清晰的时候才能写好代码,还有就是我建议多尝试,只有自己试过了,才知道什么可行什么不可行。我也是这么告诉自己的,嘻嘻

根据实际情况,框架也不是步步到位的 栅格虽好但有时候不一定是真的好

栅格是根据你自己的情况来定的,如果你是要适配各种不同设备的显示,那么就需要用栅格,这样你可以少写很多代码,pc端的话,可以用bootstrap,如果是APP的话,感觉用flex会好很多。响应式不要把宽度高度写死了,这样是没效果的。多看下css的基础吧,bootstrap用的话,多看下文档。不然用的也不顺畅。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题