初识BootStrap

声明:本栏目所使用的素材都是凯哥学堂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文档自行选择。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值