关于bootstrap的安装及使用

一, bootstrap的安装

由于我是用的是sublime,我这里只介绍sublime的安装的方面,其他的软件的安装很简单,直接下载就行了,只是sublime这个软件安装插件要下载一个package control的这样的插件,这就是我介绍的第一种方法

安装package control这个插件的好处是以后下载插件可以直接在线下载就行了

步骤,打开工具的命令面板,输入bac后显示下图后直接空格
在这里插入图片描述
静等,等软件出提示的时候,说明已安装成功

然后点击首选项下面的Package Control,如下图
在这里插入图片描述
通过搜索栏搜索自己想要的插件

第二种方法,方法简单,直接在官网下载插件,
下载后的插件的安装包解压到指定的路径的下面
路径可以通过软件打开,点击首选项下面的浏览插件目录,然后将下载后的安装包解压在User里面,如下图
在这里插入图片描述
然后通过命令bs3-template:html5,就可以直接进行操作和使用了

二,bootstrap的一些基本的使用

使用bootstrap必须在父级标签创建一个class=“container”,目的主要是创建一个布局容器
下面我介绍一个简单用bootstrap创建一个表单
代码如下:

<div class="container">
	    <form>
	        <div class="form-group">
	            <label for="uname">Username</label>
	            <input type="text" id="uname" class="form-control">
	            <br>
	            <label for="pass">Password</label>
	            <input type="password" id="pass" class="form-control">
	        </div>
	    </form>
        </div>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值