BootStrap
2016-11-08 本文已影响0人
宁宁nn
bootstrap是现在比较流行的一套开源的html框架,功能也在不断的完善,我觉得他的精髓就在栅格化布局,巧妙的将网页分为12列来动态的改变网页,同时提供各种不同的类(class)来辅助开发者完成自己想要的样子。同时还可以做到私人订制,因为他使用less、sass等CSS预处理工具,所以我们可以通过改变他来实现自己想要的效果。
Bootstrap插件全部依赖于jQuery,因此jQuery必须在Bootstrap之前引入,就像在基本模板中所展示的一样。
大部分都是通过class属性来定义,例如可以定义<div class="h1">我是h1</h1>,那么显示的就是h1的特性。class属性有:small lead text-left text-center text-right text-justity text-nowrap
可以设置table <table class="table table-striped table-bordered table-hover table-condensed">
给table的class值可以设置danger success info 等等。
table-hover指鼠标滑过之后会显示颜色
table-striped是显示偶数行和奇数行显示不同的颜色
success是显示绿色,danger显示红色,info显示这一格天蓝色
img属性 class="img-circle" 这样显示的就是图片显示是一个圆形。