关于bootstrap的安装及使用

最新推荐文章于 2025-10-20 06:03:23 发布

原创最新推荐文章于 2025-10-20 06:03:23 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

bootsrtap 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍在Sublime中安装Bootstrap的方法，包括使用PackageControl插件在线下载和手动下载插件包解压至指定路径两种方式。同时，文章还介绍了如何使用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>