萧潇的技术博客

最近在学习Bootstrap，虽然说Bootstrap是一个框架，但是和其他前端框架相比，Bootstrap中的CSS部分应该是我们需要着重学习的部分。下面仅总结一下我认为Bootstrap中较重要的CSS类。栅格系统相关类所有.row必须放置在.container或者.container-fluid中。每个.row中均分为12个.col-*，网页内容只能放在.col-*中，不能放在.row中，

data-是Bootstrap中使用组件和调用插件的一种方式。包含有data-属性的地方主要有如下几个部分。下拉菜单组件 data-toggle=”dropdown”。示例代码如下：<div class="dropdown open"> <a href="" class="btn btn-default" data-toggle="dropdown" aria-expanded="true"

为什么需要CSS RESET不少浏览器的对元素的默认渲染规则导致了在开发页面的时候我们经常不能准确还原设计图，所以就需要手动把样式重置一下，就像一张白纸一样，这样自己就可以自由控制页面的布局了。最开始的CSS RESET相信不少初学CSS的同学都会使用下面的规则来重置样式* { margin:0; padding:0;}这样的好处是显而易见的，代码少的可怜，并且达到了我们想要的效果