声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。
1.简介:BootStrap是一个自适应式的ui框架,平时开发,对于呈现给用户的界面我们既要考虑到电脑端也要考虑到移动端,这样开发的时候难免思维会混乱,而且一般这都是要求开发两套界面出来的,耗时又耗力,但是BootStrap帮我们很好的解决了这个问题,它是自适应式的,无需我们设置,它会根据用户用的是电脑还是手机自行帮我们调节界面,我们只需专心开发一套界面即可。说到底,学习BootStrap其实就是在学习使用它的CSS样式和少量的JS。
2.下载:下载BootStrap直接在网站bootcss中下载即可,另外此网站提供了API文档,在学习使用BootStrap的时候可以参照上面的API文档:
![](https://img.haomeiwen.com/i3014144/fe23d4e325b84114.jpg)
![](https://img.haomeiwen.com/i3014144/4e1281e17d178327.jpg)
3.使用:在Hbuild中创建工程后,如何在工程中使用这个框架呢,只需要将下载下来的压缩包解压然后复制到工程中:
![](https://img.haomeiwen.com/i3014144/e380dd3101643185.jpg)
![](https://img.haomeiwen.com/i3014144/e969d35808061cf9.jpg)
然后在页面中引入相应的库即可:
![](https://img.haomeiwen.com/i3014144/7199d4e3cf917c2f.jpg)
4.表格示例:
![](https://img.haomeiwen.com/i3014144/3cbd491c008aaf0d.jpg)
![](https://img.haomeiwen.com/i3014144/cd85c478606d0265.jpg)
![](https://img.haomeiwen.com/i3014144/0868cfb5d7243ce6.jpg)
5.表单示例:
![](https://img.haomeiwen.com/i3014144/b595ee3fd84114e0.jpg)
![](https://img.haomeiwen.com/i3014144/0970782ab7e272ac.jpg)
有各种各样的表单样式,可以参照API文档自行选择。
网友评论