Bootstrap有多难?
bootstrap其实并没有想象中的那么神秘
bootstrap——个人感觉就是写代码的一个数据库,一个写前端网页非常方便的数据库,主要是将网页适用于各种媒体。
bootstrap最主要的有三点
1.最重要的就是栅格化布局
所谓栅格化布局就是指把网页屏幕分成横向分十二份,在多大的媒体屏幕就分成多少份,使网页内容随着屏幕大小变化而变化,方便在各种媒体浏览网页。
栅格化布局的写法
row指的是在网页里的一行,而col则指的是网页中这一行中的一列,lg-2是指网页在最大屏幕下这一列在这一行占两份(总共十二份;个人分的是每列占两份,所以是六个div,如果是十二个div,则让每列占一份,写法:class=’’col-lg-1‘‘)
col-md-3 指在中等大小的屏幕下每列占三份
col-sm-4 是指在小屏幕上每列占四份
col-xs-6 是指最小屏幕上每列占六份
当然,不论在那种屏幕下每列占多少分都是自己定的,比如:每列占十二分,写法:col-xs-12,col-sm-12,col-md-12,col-lg-12。他是可嵌套、可偏移、可列排序的
2.各种图标
这个官网组件有详细的介绍和写法,需要某个图标就像是去数据库拿到这个图标的顺序即可,各种图标很全面。
3.最重要的就是把这个所谓的数据库链接加到代码中。
链接必须要加到title标签的下方(本人只加了css、js的链接,具体需要那些再行添加,当然全部加上也没问题)
- 以上便是bootstrap的三个重要的地方,其他的简便代码都在官网“数据库”中,都可以直接拿过来用。
- 说实话bootstrap真的没有一点难度可言,以前也是本人因为不了解bootstrap,所以将它想象的比较神秘,哈哈。