BootStrap入门学习第一篇

前端之家收集整理的这篇文章主要介绍了BootStrap入门学习第一篇前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了BootStrap入门学习的第一篇,供大家参考,具体内容如下

1、环境搭建

中文官网下载地址:nofollow" target="_blank" href="http://www.bootcss.com/">http://www.bootcss.com/

右击选中的WEB项目,点击导入,选择文件系统,然后下一步,选择BootStrap文件目录路径,如下:

完成后,WEB项目下的css、img、js就出现相应文件,说明导入成功。

然后导入较新版本的JQuery库,目录结构如下:

至此环境搭建完成。

3、BootStrap基本模板

<Meta charset="utf-8"> <Meta http-equiv="X-UA-Compatible" content="IE=edge"> <Meta name="viewport" content="width=device-width,initial-scale=1"> Bootstrap基本模板

<link href="../../css/bootstrap.min.css" rel="stylesheet">

你好,世界!

<script src="../../js/jquery-1.11.3.min.js">

<script src="../../js/bootstrap.min.js">

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的Bootstrap相关文章