bootstrap怎么用
bootstrap用来写html非常快,因为它封装了很多类,我们只需要调用类就可以了。今天咪咪我就来教教大家怎样使用bootstrap。
操作方法
(01)打开搜狗浏览器,使用搜狗搜索bootstrap。搜索之后,点击第一个bootstrap选项。
(02)然后就会进入到这个界面,因为bootstrap是一个插件,所以我们需要把它下载下来。在这里有两个版本,我就选择下载3版本的。
(03)选择版本之后,点击“下载”按钮就可以了。
(04)如图,接着会自动跳转到bootstrap下载界面,这里就点击第一个,至于源码,暂时不用管。
(05)下载之后,就会得到一个压缩包,我们先要把它解压出来,这样才可以使用bootstrap哦。
(06)如图,这就是解压后的文件夹,需要特别注意,不要随意更改文件夹里面的文件,这点很重要,不然bootstrap可能会失效。我们只需要复制这个文件夹就可以了。
(07)之后,我们在Hbuilder里面新建一个项目,然后把复制好的文件夹放到JS文件夹下面,或者其他文件夹也可以。然后再把jQuery放到JS文件夹。
(08)之后,我们来看看bootstrap3.3.7文件夹,可以看到里面有很多css文件以及JS文件。
(09)接着我们引用bootstrap文件夹里面的一个css文件,一般都是引用,这个文件包含有很多类,待会我们可以调用它里面的类名。还需要特别注意的是,如果使用了bootstrap里面的JS文件,必须引入jQuery,因为bootstrap依赖于jQuery插件。
(10)接着我们设置三个按钮标签,然后给class添加一些类名,如图,class引号后面的类名就是文件里面的类。
(11)之后,打开浏览器,可以看到每个按钮都有不同的颜色,这样我们就不用自己去写css样式,直接调用类名就可以了哦。
特别提示
最后总结一下,bootstrap里面有很多的类,调用就可以得到相应的样式,而且再次强调,不要随便修改bootstrap文件夹里面的文件以及文件路径!并且如果用到了bootstrap里面的JS文件,一定要引入jQuery哦。当然,在这里我只引用到了css文件。
-
怎样免费观看最新高清电影大片和付费热剧
时下,很多电影大片上映期间,很难在网络上找到,往往都是预告片,或者是TS抢先版不清晰的影片;很多电视热剧往往都是付费的,独家的,或者需要购买各种视频网站会员才能观看。那么我们如何不花钱就能一睹为快呢?下面教给大家一些方法,不要太感谢我哦!操作方法(01)网络电视观看时...
-
EXCEL选择性粘贴数值快捷键设置
在Excel中,我们经常会做选择性粘贴数值的操作,总是通过鼠标来操作很不方便,如何设置一个好用的快捷键?下面来看一下。操作方法(01)打开excel,右键点击工具栏空白地方,然后点击‘自定义工具栏和菜单’(02)打开窗口后,点击‘命令’(03)在命令栏下,点击左边的‘编辑’(04)接着在右...
-
头像制作之可爱的猴子
萌萌哒的猴子头像是我们都喜欢的,也有很多人喜欢拿到它来做我们一些运用的头像,小编对于萌萌哒的猴子头像也是很喜爱的,那么,我们该如何制作可爱的猴子头像呢?小编为你详细介绍下:头像制作之可爱的猴子。工具/材料ai软件电脑猴子操作方法01首先,我们打开我们的电脑,接...
-
qq好友查找搜索qq号码找不到
如果QQ好友用QQ号码查找我,找不到怎么办?操作方法(01)在电脑上登陆QQ,然后在登陆界面左上角点击进入自己的头像,在修改资料的界面中,QQ号码的旁边有一个小的标志,点击进入。(02)进入到的是一个网页--我的QQ中心,它自动跳转到账号的界面,点击中央界面右上角的“设置”,将显示...