您的位置：首页 > Web前端 > BootStrap

前端技术：bootstrap(控件、插件、html\css\js开发框架)

2016-06-23 10:01 981 查看
一、概述

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

说白了就是：用于web网页的控件、插件（能够接收响应的控件）

该框架通过html、CSS来布局构造控件，通过jQuery js脚本库实现操作响应。

组件：

Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件：

下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等

插件：

Bootstrap自带了13个jQuery插件，这些插件为Bootstrap中的组件赋予了“生命”。其中包括：

模式对话框、标签页、滚动条、弹出框等。

框架代码：

 

 

二、引入

<!--核心 CSS 文件 -->

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

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

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

<!-- Bootstrap 核心js 文件 -->

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

三、基本模版（页面最基本的模版）

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="gb2132">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<h1>你好，世界！</h1>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>

说明：bootstrap框架页面的开发，都是在这个页面框架中开发。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  wei前端
相关文章推荐
新的分享
章节导航