Bootstarp基本模版学习教程


Posted in Javascript onFebruary 01, 2017

今天开始学习bootstrap发现官方的文档其实写的真的太棒啦,非常的清晰易懂。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <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">

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body>
<h1>你好,世界!</h1>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 字符串连接的性能问题(多浏览器)
Nov 18 Javascript
js过滤数组重复元素的方法
Sep 05 Javascript
JQuery onload、ready概念介绍及使用方法
Apr 27 Javascript
javascript的动态加载、缓存、更新以及复用(一)
Jun 09 Javascript
IE6浏览器中window.location.href无效的解决方法
Nov 20 Javascript
js实现兼容IE、Firefox的图片缩放代码
Dec 08 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
Apr 29 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
js中数组常用方法总结(推荐)
Apr 09 Javascript
angular共享依赖的解决方案分享
Oct 15 Javascript
浅谈Vue static 静态资源路径 和 style问题
Nov 07 Javascript
Vue 401配合Vuex防止多次弹框的案例
Nov 11 Javascript
angular实现表单验证及提交功能
Feb 01 #Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 #Javascript
Javascript基础回顾之(二) js作用域
Jan 31 #Javascript
Javascript基础回顾之(一) 类型
Jan 31 #Javascript
jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例
Jan 30 #Javascript
AngularJS报错$apply already in progress的解决方法分析
Jan 30 #Javascript
JavaScript基础之AJAX简单的小demo
Jan 29 #Javascript
You might like
Android ProgressBar进度条和ProgressDialog进度框的展示DEMO
2013/06/19 PHP
PHP把MSSQL数据导入到MYSQL的方法
2014/12/27 PHP
PHP递归实现汉诺塔问题的方法示例
2017/11/25 PHP
yii2安装详细流程
2018/05/23 PHP
Yii1.1框架实现PHP极光推送消息通知功能
2018/09/06 PHP
JavaScript 核心参考教程 内置对象
2009/10/13 Javascript
Javascript公共脚本库系列(一): 弹出层脚本
2011/02/24 Javascript
利用json获取字符出现次数的代码
2012/03/22 Javascript
jQuery操作Table技巧大汇总
2016/01/23 Javascript
Bootstrap弹出框(modal)垂直居中的问题及解决方案详解
2016/06/12 Javascript
一个简单不报错的summernote 图片上传案例
2016/07/11 Javascript
关于微信中a链接无法跳转问题
2016/08/02 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
原生js实现商品放大镜效果
2017/01/12 Javascript
js获取当前周、上一周、下一周日期
2017/03/19 Javascript
vue2项目使用sass的示例代码
2017/06/28 Javascript
详解vue-cli构建项目反向代理配置
2017/09/07 Javascript
vuex + axios 做登录验证 并且保存登录状态的实例
2018/09/16 Javascript
vue头部导航动态点击处理方法
2018/11/02 Javascript
浅谈Vue页面级缓存解决方案feb-alive(上)
2019/04/14 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
2019/05/18 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
vue.js实现二级菜单效果
2019/10/19 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
2019/11/25 Javascript
JS如何实现手机端输入验证码效果
2020/05/13 Javascript
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
在Python中使用PIL模块处理图像的教程
2015/04/29 Python
Django学习笔记之Class-Based-View
2017/02/15 Python
python删除不需要的python文件方法
2018/04/24 Python
python方法生成txt标签文件的实例代码
2018/05/10 Python
对python 多个分隔符split 的实例详解
2018/12/20 Python
Python字典常见操作实例小结【定义、添加、删除、遍历】
2019/10/25 Python
利用css3 translate完美实现表头固定效果
2017/02/28 HTML / CSS
Linux管理员面试经常问道的相关命令
2013/04/29 面试题
物业管理专业自荐信
2014/07/01 职场文书
重温入党誓词主持词
2015/06/29 职场文书