Bootstrap起步

最新推荐文章于 2021-01-15 10:13:53 发布

Pony_18

最新推荐文章于 2021-01-15 10:13:53 发布

阅读量152

点赞数

分类专栏：前端开发基础

本文链接：https://blog.csdn.net/Pony_18/article/details/86737226

版权

前端开发基础专栏收录该内容

47 篇文章 0 订阅

订阅专栏

Bootstrap实质上是一个css库，更多的是一个css框架

Bootstrap学习特点：单词记忆！

1.Twitter Bootstrap概述

官网：http://getbootstrap.com

中文网：http://www.bootcss.com

具体内容可分为以下五部分：

(1)起步

(2)全局CSS样式

(3)组件

(4)JS插件

(5)定制

2.Bootstrap第一部分：起步

下载

基本模板

HTML标签的lang属性(language)指定当前页面所使用的自然语言，如zh、zh-cn、zh-tw、zh-hk、en、en-uk、ja、de、fr....

作用1：指定当前页面的基础语言，为浏览器的翻译做准备

作用2：为盲人的屏幕阅读器指明基础发音

Cross-UserAgent-Compatible，跨（IE）浏览器兼容性

IE 6：非常多的专有对象

IE 7： 6/7

IE 8 : 6/7/8

IE 9 : 6/7/8/9

IE 10 : 6/7/8/9/10

IE 11 : 6/7/8/9/10/11

edge：使用可用的最新版本的IE内核

注意：若想要导入j则必须先导入jquery!!!

<!DOCTYPE html>
< lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Bootstrap模板</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/bootstrap-theme.min.css">
</head>
<>
<h1>Hello World!!!</h1>
<script type="text/javascript" src="jquery-1.11.3.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>

Pony_18

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Bootstrap起步

Bootstrap实质上是一个css库，更多的是一个css框架Bootstrap学习特点：单词记忆！1.Twitter Bootstrap概述官网：http://getbootstrap.com 中文网：http://www.bootcss.com 具体内容可分为以下五部分： (1)起步 (2)全局CSS样式...
复制链接

扫一扫