初识BootStrap

Posted on 2018-01-16 17:30  凯哥学堂  阅读(103)  评论(0编辑  收藏  举报

声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。

初识BootStrap

1.简介:BootStrap是一个自适应式的ui框架,平时开发,对于呈现给用户的界面我们既要考虑到电脑端也要考虑到移动端,这样开发的时候难免思维会混乱,而且一般这都是要求开发两套界面出来的,耗时又耗力,但是BootStrap帮我们很好的解决了这个问题,它是自适应式的,无需我们设置,它会根据用户用的是电脑还是手机自行帮我们调节界面,我们只需专心开发一套界面即可。说到底,学习BootStrap其实就是在学习使用它的CSS样式和少量的JS。

2.下载:下载BootStrap直接在网站bootcss中下载即可,另外此网站提供了API文档,在学习使用BootStrap的时候可以参照上面的API文档:

image

image

3.使用:在Hbuild中创建工程后,如何在工程中使用这个框架呢,只需要将下载下来的压缩包解压然后复制到工程中:

image

image

然后在页面中引入相应的库即可:

image

4.表格示例:

image

image

image

5.表单示例:

image

image

有各种各样的表单样式,可以参照API文档自行选择。