移动web开发+前端框架bootstrap相关笔记（二）

1.响应式布局依托于媒体查询这项技术，实现页面布局de多设备适配（改变布局而已）。


2.微金所项目：
◆css：【
◇base.css （基础样式）
◇index.less （less文件）
◇index.css （生成的css文件）
◇
】
◆fonts：【
◇微金所得字体图标
】
◆images：【
◇图片素材
】
◆js：【
◇js代码
】
◆lib：【
◇css（bootstrap的css文件，因为我们用了bootstrap框架 所以需要导入，为了避免给自己的文件冲突，所以放在lib里面）
◇fonts（bootstrap的字体图标的字体文件，切记跟bootstrap中的css文件 有相关路径关系，不能随机更改）
◇js （bootstrap的js文件，jquery的文件）
】
◆模板的引用：【
◇由于将bootstrap的文件全部丢到了lib文件夹中，所以需要修改模板页的内容
◇导入自己的css，base.css（封装了很多微金所的字体图标），index.css（首页的css）
◇
◇
】


3.当你直接把bootstrap官网中的组件拿来用的时候，如果想改其中的东西，要先审查元素，弄清楚哪儿需要留，哪儿需要删，然后再去删掉或者修改真正的源码。


4.bootstrap的使用注意
◆使用组建时如果想更改样式，不建议直接修改boostrap.css源文件，如果更改了，页面中其它的元素的默认样式也会一起被改掉。
◆为组件的对应html标签 添加自己的class来进行样式的更改，但是还是不建议这样做，因为bootstrap的组件 嵌套关系很多的。
★建议使用：【
☆拷贝bootstrap的原生的样式（相关的都要拷贝）
☆修改拷贝出来的原生样式的类名为自己定义的类名
☆然后在更改了类名的样式中 修改css
☆使用组件的地方 将bootstrap的默认类名替换为自己定义的类名
☆☆好处是：不会覆盖bootstrap的原生css，并且层次结构再复杂也没关系，因为使用的是自己的class，所以不会造成覆盖的问题
】


5.bootstrap中的媒体查询的之后显示和隐藏的类是 hiddent-lg、hiddent-md、hiddent-sm、hiddent-xs，这些很常用。


6.实际开发中并不是一个人埋头苦干，需要和很多人沟通，和产品经理考虑考虑交互，和美工讨论讨论图片，和后台讨论讨论把数据发到哪个url里面以及是get请求还是post请求。


7.a标签中不能嵌套a标签，如果嵌套了，浏览器会将嵌套的a标签渲染成兄弟关系。