第一天学习Bootstrap初学者响应式设计



html基本模板

您可以看到包含了 jquery.jsbootstrap.min.jsbootstrap.min.css 文件,用于让一个常规的 HTML 文件变为使用了 Bootstrap 的模板。

输出简单的Hello World!

<html>
<head>
   <meta charset="utf-8"> 
   <title>在线尝试 Bootstrap 实例</title>
   <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
   <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
   <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

      <h1>Hello, world!</h1>

</body>
</html>
国内推荐使用 BootCDN 上的库:
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 
<!-- 可选的Bootstrap主题文件(一般不使用) -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>
 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
 
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


新 Bootstrap 核心 CSS 文件

http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css

可选的Bootstrap主题文件(一般不使用)

https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css

  jQuery文件。务必在bootstrap.min.js 之前引入

https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js

最新的Bootstrap核心JavaScript文件

https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js

1.新建文件夹---响应式布局架包--下载bootstrap、jQuery的包放到文件夹下。

2.如果有问题是下载的包有问题

3.jquery下载地址所有版本:http://www.jq22.com/jquery-info122

4.https://v2.bootcss.com/官网bootstrap
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值