Bootstrap是简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。目前基于Bootstrap构建的网站也有很多优秀的例子。所有的JavaScript插件都依赖jQuery库。
Bootstrap中的HTML、CSS和JS适用于各类设备, 不过它们可以被概括成几个类别,请看
http://v2.bootcss.com/index.html顶部的导航条。
文档章节
脚手架
全局性的样式文件,用于重置背景、链接样式、栅格系统等,并包含两个简单的布局结构。
基本CSS样式
常见的HTML元素 -- 如排版、代码、表格、表单、和按钮的样式。还包括 Glyphicons, 一个非常棒的图标集。
组件
常见界面组件 -- 如标签、pill、导航、警告、页面标题的基本样式。
JavaScript插件
和组件类似,这些Javascript插件用来实现提示(tooltip)、弹出框(popover)、模态对话框(modal)等具有交互性的组件。
想要使用Bootstrap, 需要包含相应的 CSS and JS 文件,然后就可以开始用Bootstrap开发任何网站和应用程序了!
<!DOCTYPE html><!--页面设置为HMTL5文档类型-->
<html>
<head>
<title>Bootstrap 101 Template</title>
<!--支持移动设备:确保适当的绘制和触屏缩放添加viewport元数据标签,width=device-width默认是设备的宽度,initial-scale=1.0代表不缩放-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--也可以添加user-scalable=no 可以禁用缩放功能,仅能滚动屏幕查看全部-->
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!--添加好viewport的meta标签并引入一个额外的样式表即可启用响应式CSS-->
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
分享到:
相关推荐
bootstrap-3.3.5 bootstrap-3.3.5-dist WEB 前端开发 CSS框架
bootstrap做的前端页面框架,适合用作门户、网购、官网、博客等网站 支持手机网页端阅读
1.AngularJS ...Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。 Bootstrap提供了优雅的
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。 [1] Bootstrap提供了优雅的HTML和CSS规范,它即是由...
这个里面 包含整个bootstrap源程序 你所需要的都在了、里面.Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 本教程将向您...
以下是对前端开发框架的详细介绍,包括一些主流框架的特性、优点、应用场景以及性能对比。 一、前端开发框架的基本概念 前端开发框架是一套提供可重用组件、工具和方法论的代码库,旨在帮助前端开发人员更高效地...
《前端开发框架bootstrap3教程》将介绍Bootstrap3的基本概念和使用方法,包括网格系统、表单、导航、按钮、图标等常用组件的使用。通过学习本教程,您将能够掌握Bootstrap3的核心技术,为您的Web开发工作提供便利和...
Bootstrap前端开发框架,入门
1-4_前端框架BootStrap.pdf
教师查看已选课学生、为学生录入成绩等功能,涉及登录、表格、表单、数据库操作工具类等实现,是Bootstrap-Flask极简开发网站的参考实例。 项目技术栈 前端页面使用Bootstrap-Flask编写,基于Jinja2模板引擎语法 ...
前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。 熟悉掌握HTML、服务器端脚本语言、CSS和JavaScript之后,学习Web框架可以加快Web开发速度,节约时间...
前端技术的发展, Bootstrap Bootstrap 响应式 响应式 技术 框架 也随之 出现 ,这种 响应式 响应式 的技术 框架 ,除了 能够 很好 适应 各种 设备 展示 外,还提供 了很多 CSS 的酷炫 样式 ,在很多 大企业 以 及...
bootstrap 5.0.0版本,包含各个不同系列的所有css js文件。... Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。
PHP、web前端开发
框架模板,CSS+JS Bootstrap 简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。
Bootstrap是最受欢迎的HTML、CSS和JS的前端开发框架,用于开发响应式布局、移动设备优先的WEB项目,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式。
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。
bootstrap-4.3.1-dist.zip简洁、直观、强悍的前端开发框架,让web开发更迅速、简单
bootstrap-3.3.7-dist.zip下载,简洁、直观、强悍的前端开发框架,让web开发更迅速、简单