Bootstrap学习笔记——安装使用

本文介绍如何安装Bootstrap并将其集成到项目中。通过官方和CDN两种方式获取Bootstrap资源,并确保正确加载jQuery以便使用Bootstrap的JavaScript插件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Bootstrap安装使用

接触到bootstrap有一段时间了,只是用的比较少,不怎么熟悉,现在从新学习、熟悉bootstrap,写个笔记以后方便查阅。

Boostrap的安装使用:

登录官网http://getbootstrap.com/下载Bootstrap

<!--CDN css引用 -->

<!-- 引入 Bootstrap --><linkhref="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"rel="stylesheet">

<!-- 本地 js调用 -->

<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->

<scriptsrc="https://code.jquery.com/jquery.js"></script>

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

准备工作做好就可以在你的页面进行使用了

Bootstrap CDN 推荐

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

<linkhref="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"rel="stylesheet">

<!-- 可选的Bootstrap主题文件(一般不使用) -->

<scriptsrc="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>

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

<scriptsrc="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

<scriptsrc="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


详细教程可参考:菜鸟教程


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值