我爱编程

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" 这样显示的就是图片显示是一个圆形。

上一篇下一篇

猜你喜欢

热点阅读