Bootstrap样例

来源：互联网发布：mac 查看文件内容命令编辑：程序博客网时间：2024/05/29 00:34

Bootstrap
简单、灵活的用于搭建Web页面的HTML，CSS，JavaScript的工具集。
简洁强大的前端开发框架。

初始化移动浏览显示

Bootstrap中的CSS
Bootstrap自带了一系列漂亮的CSS样式。
Bootstrap是移动设备优先的，它针对移动设备的样式融合进了框架的每个角落，使得只需要通过简单的编码，便可以实现漂亮的响应式布局。

Bootstrap中的组件
Bootstrap包含很多可复用的组件，包括图标，下拉菜单，导航，警告框，弹出框等更多功能。

Bootstrap中的Javascript插件

<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><!-- 支持IE --><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- 支持移动设备 网页宽度：设备宽度 缩放比例：1倍 --><meta name="viewport" content="width=device-width, initial-scale=1"><!-- 载入Bootstrap的css样式 --><link href="./css/bootstrap.min.css" rel="stylesheet"><title>Hello World</title></head><body>    <div  class="text-center">    <h3>Hello World!</h3>    <!-- Provides extra visual weight and identifies the primary action in a set of buttons --><button type="button" class="btn btn-primary" >我是按钮，按我一下</button></div><!-- 加入jQuery和bootstrap插件的支持 --><!-- 如果要使用bootstrap的js插件，必须先调入jQuery -->    <script src="./js/jquery-1.11.1.min.js"></script>    <!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用 -->    <script src="./js/bootstrap.min.js"></script></body></html>

0 0