`

前段开发框架介绍--Bootstrap

 
阅读更多
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-3.3.5 bootstrap-3.3.5-dist WEB 前端开发 CSS框架

    前端框架Bootstrap-MVC

    bootstrap做的前端页面框架,适合用作门户、网购、官网、博客等网站 支持手机网页端阅读

    Sash v9-bootstrap-5-admin-template 一款框架适合前端

    1.AngularJS ...Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。 Bootstrap提供了优雅的

    前端框架bootstrap

    Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。 [1] Bootstrap提供了优雅的HTML和CSS规范,它即是由...

    bootstrap bootstrap-3.3.7

    这个里面 包含整个bootstrap源程序 你所需要的都在了、里面.Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 本教程将向您...

    前端开发框架bootstrap3教程

    《前端开发框架bootstrap3教程》将介绍Bootstrap3的基本概念和使用方法,包括网格系统、表单、导航、按钮、图标等常用组件的使用。通过学习本教程,您将能够掌握Bootstrap3的核心技术,为您的Web开发工作提供便利和...

    Bootstrap前端开发框架

    Bootstrap前端开发框架,入门

    Web前端基础:Bootstrap框架.pptx

    前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。 熟悉掌握HTML、服务器端脚本语言、CSS和JavaScript之后,学习Web框架可以加快Web开发速度,节约时间...

    1-4_前端框架BootStrap.pdf

    1-4_前端框架BootStrap.pdf

    Bootstrap开发框架-系统功能介绍白皮书

    前端技术的发展, Bootstrap Bootstrap 响应式 响应式 技术 框架 也随之 出现 ,这种 响应式 响应式 的技术 框架 ,除了 能够 很好 适应 各种 设备 展示 外,还提供 了很多 CSS 的酷炫 样式 ,在很多 大企业 以 及...

    本科毕业设计-基于Bootstrap-Flask开发的学员管理系统,数据库使用SQLLite、采用前后端分离技术

    教师查看已选课学生、为学生录入成绩等功能,涉及登录、表格、表单、数据库操作工具类等实现,是Bootstrap-Flask极简开发网站的参考实例。 项目技术栈 前端页面使用Bootstrap-Flask编写,基于Jinja2模板引擎语法 ...

    bootstrap-5.0.0-beta1-dist

    bootstrap 5.0.0版本,包含各个不同系列的所有css js文件。... Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。

    PHP、web前端开发-Bootstrap框架介绍.pptx

    PHP、web前端开发

    强大的前端开发框架,简洁、直观

    框架模板,CSS+JS Bootstrap 简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。

    Bootstrap前端框架 4.4.1

    Bootstrap是最受欢迎的HTML、CSS和JS的前端开发框架,用于开发响应式布局、移动设备优先的WEB项目,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式。

    bootstrap前端框架

    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。

    bootstrap-4.3.1-dist.zip

    bootstrap-4.3.1-dist.zip简洁、直观、强悍的前端开发框架,让web开发更迅速、简单

    bootstrap-3.3.7-dist.zip

    bootstrap-3.3.7-dist.zip下载,简洁、直观、强悍的前端开发框架,让web开发更迅速、简单

    bootstrap-3.4.1-dist.zip

    Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态...

Global site tag (gtag.js) - Google Analytics