前段开发框架介绍--Bootstrap

最新推荐文章于 2024-06-06 14:23:51 发布

xiaochouyu0703

最新推荐文章于 2024-06-06 14:23:51 发布

阅读量129

点赞数

分类专栏： Bootstrap 文章标签： javascript 前端 ViewUI

本文链接：https://blog.csdn.net/xiaochouyu0703/article/details/84700022

版权

Bootstrap 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

Bootstrap是简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。目前基于Bootstrap构建的网站也有很多优秀的例子。所有的JavaScript插件都依赖jQuery库。

Bootstrap中的HTML、CSS和JS适用于各类设备, 不过它们可以被概括成几个类别，请看[url]http://v2.bootcss.com/index.html[/url]顶部的导航条。
文档章节
[b]脚手架[/b]
全局性的样式文件，用于重置背景、链接样式、栅格系统等，并包含两个简单的布局结构。

[b]基本CSS样式[/b]
常见的HTML元素 -- 如排版、代码、表格、表单、和按钮的样式。还包括 Glyphicons, 一个非常棒的图标集。

[b]组件[/b]
常见界面组件 -- 如标签、pill、导航、警告、页面标题的基本样式。

[b]JavaScript插件[/b]
和组件类似，这些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>

xiaochouyu0703

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前段开发框架介绍--Bootstrap

Bootstrap是简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。目前基于Bootstrap构建的网站也有很多优秀的例子。所有的JavaScript插件都依赖jQuery库。Bootstrap中的HTML、CSS和JS适用于各类设备, 不过它们可以被概括成几个类别，请看[url]http://v2.bootcss.com/index.html[/url]顶部的导航条。文档章...
复制链接

扫一扫

专栏目录