热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

BootStrap简介以及怎样部署安装(介绍)

Bootstrap简介什么是 Bootstrap?Bootstrap是由Twitter的MarkOtto和JacobThornton开发的。Bootstrap是2011年八月在GitHub上发布的开源产品。Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap支持响应式布局,兼容多个终端(电脑,平板,手机)设备访问。部署安装...
本篇文章就给大家介绍BootStrap是什么以及怎样部署安装。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。大家也可以访问bootstrap教程来获取和学习更多的bootstrap相关视频教程。

Bootstrap简介

什么是 Bootstrap ?

Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的

Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。

Bootstrap 支持响应式布局,兼容多个终端 (电脑,平板,手机) 设备访问。

部署安装 Bootstrap

1. 在官网 https://v3.bootcss.com/ 下载bootstrap框架。

2. 把下载好的框架放到根目录,然后引入文件。

支持移动设备优先的语句,需要放到 head 标签里的上面

 

然后引入 bootstrap 的 css 文件。

bootstrap 框架依赖于jQuery,所以要先引入jQuery库,然后再引入bootstrap的 js 文件。

以下是一段完整的把框架引入进来的代码

(bootstrap 的 js 文件最好放在 body 的最下面)

	
		
		
		
		
		
		
		
		
		
		
	

3. 也可以使用官方提供的 CDN

放在 head 标签里,jQuery 文件的下面

访问的时候必须有网络才可以。







总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。

以上就是BootStrap简介以及怎样部署安装(介绍)的详细内容,更多请关注 第一PHP社区 其它相关文章!


推荐阅读
  • 原文:http:blog.linjunhalida.comblogpjaxgithub:https:github.comdefunktjquery-pjax ... [详细]
  • Android实战——jsoup实现网络爬虫,糗事百科项目的起步
    本文介绍了Android实战中使用jsoup实现网络爬虫的方法,以糗事百科项目为例。对于初学者来说,数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据,并以糗事百科作为练手项目。同时,提到了使用jsoup需要结合前端基础知识,以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
  • 本文内容皆为作者原创,如需转载,请注明出处:https:www.cnblogs.comxuexianqip13045462.html1.自定义分页器的拷贝及使用当我们需要使用 ... [详细]
  • 前端库Bootstrap框架:「11]使用 span 创建行内元素
    前端库Bootstrap框架:「11]使用 span 创建行内元素 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • HTML5网页模板怎么加百度统计?
    本文介绍了如何在HTML5网页模板中加入百度统计,并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题,并介绍了如何使用Visual Studio 2010创建HTML5模板。此外,还提到了使用Jquery编写美好的HTML5前端框架模板的方法,以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细]
  • angular.element使用方法及总结
    2019独角兽企业重金招聘Python工程师标准在线查询:http:each.sinaapp.comangularapielement.html使用方法 ... [详细]
  • jQuery :nthchild前有无空格的区别
    :nth-child(index)子元素过滤选择器的描述是:选取每个父元素下的弟index个子元素,index从1开始。然后,我写了如下h ... [详细]
  • 篇首语:本文由编程笔记#小编为大家整理,主要介绍了Flutter添加APP启动StoryView相关的知识,希望对你有一定的参考价值。 ... [详细]
  • 入门Java需熟练掌握哪些技术呢?
    Java工程师无疑是当下令人艳羡的工作之一,因此,每年都有大批大批的朋友想要报名Java工程师学习Java也就不奇怪了。那么入门Java掌握哪些技术能力 ... [详细]
  • 公司有3个后端,一个前端(我),我属于初级水平吧,开发流程:前端切页面、写页面交互,然后把页面给后端(JAVA),后端“套页面”(Velocity模板),然后前端在模板上再进行微调。显然 ... [详细]
  • 1.0为什么要做这个博客站?  在工作学习中,经常要搜索查找各种各样的资料,每次找到相关资料后都会顺手添加到浏览器书签中,时间一长,书签也就满了。而且下次再点击这个书签时,可能就会忘记当时为什么要添加这个书签了,更有可能书签连接已经无效。这样一来,也就不方便 ... [详细]
  • AngularJS 提交表单的方式(一)
    英文原文:SubmittingAJAXForms:TheAngularJSWay在AngularJS出现之前,很多开发者就面对了表单提交这一问题。由于提 ... [详细]
  • 个体都会学习的JavaScript之DOM树
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了JavaScript之DOM树相关的知识,希望对你有一定的参考价值。目录 ... [详细]
author-avatar
780527a
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有