BootStrap引用

最新推荐文章于 2024-02-26 16:51:43 发布
最新推荐文章于 2024-02-26 16:51:43 发布
阅读量142 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wangsl1204/p/10125838.html
版权

本地引用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link href="bootstrap-3.3.7-dist/css/bootstrap.theme.min.css" rel="stylesheet" media="screen">
    <title>Title</title>
</head>
<body>

    <!--html content-->

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="bootstrap-3.3.7-dist/js/jquery.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</body>
</html>

 

CDN应用

cdn一：

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script> 
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

 cdn二：

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

 

转载于:https://www.cnblogs.com/wangsl1204/p/10125838.html

z-pan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bootstrap简单引用
林高禄
06-30 1万+
概念 基于html,css,javaScript的前端开发框架，简洁灵活，使得web开发更为方便 下载 https://www.bootcss.com/ 使用 1、引用文件包 将这三个文件复制到项目中 2、创建html文件，引入必要的资源文件 打开这个链接https://v3.bootcss.com/getting-started/ 或者有离线文档的，也可以打开文档 单击起步，然后往下拉到基本模板 复制...
bootstrap table 完整引用外部文件
09-19
bootstrap table 完整引用外部文件包含js以及css，直接引用即可
Bootstrap 在线引用
weixin_30247307的博客
10-17 1005
Bootstrap 3.3.0 js 文件 <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> Bootstrap 3.3.0 css 文件 <link rel="stylesheet" href="http://cdn.bootcss.com/boots...
bootstrap引用
周厉的技术人生
02-20 814
新 Bootstrap 核心 CSS 文件 -->link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 可选的Bootstrap主题文件（一般不使用） -->script src="http://cdn.static.runoob.co
Bootstrap引用
weixin_30613433的博客
05-14 197
<!--设置移动设置页面标准--> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <!--引用bootstrap的核心Css文件--> <link rel="stylesheet" href="~/Content/...
Bootstrap 简介及引用方法
weixin_30446197的博客
06-27 1548
简介 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发。 Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。 Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播...
认识Bootstrap与引用
weixin_52120405的博客
05-28 789
1.官网：Bootstrap中文网 (bootcss.com) 2.BS是一个入门级UI框架，汇集了HTML、CSS（less）（布局）和JavaScript（插件）的一个框架。 3.BS不是所有项目都适合使用BS实现布局，如果UI工程师没有按照BS的栅格系统理念去设计UI图，因为BS不适合做固定宽高的网页。 BS一般用于开发没有UI图的项目，且为响应式的项目。 4.BS3和BS4的区别： BS3有4种栅格，而BS4有5种栅格； BS4全面引入ES6，...
bootstrap轮播图不起作用
Alan的博客
11-24 3569
在<head></head> 添加如下语句 <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script s...
bootstrap的引用和注意事项
weixin_30247159的博客
03-05 605
1，在https://v3.bootcss.com/getting-started/#download下载bootstrap的压缩包； 2，将压缩包解压到自己的工程文件中，会得到如下结果： 3，打开这个解压的文件，一直点击进去，里面有三个文件的界面，展示如下： 4，css文件中装的是样式文件： 　　其中bootstrap.min.css是我们要使用并且引用的样式文件，...
Bootstrap的引用文件
天高任鸟飞
05-02 2069
Bootstrap的引用文件非常简单 只有三个文件。@*bootstrap的引用*@ <script src="~/Content/BootStrap/frontmcoinquery/jquery.js"></script> <link href="~/Content/BootStrap/css/bootstrap.css" rel="stylesheet" /> <scr
引用bootstrap框架
努力奋斗的超人
03-19 602
html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。 标准的引用Bootstrap     头部引用bootstrap.min.css，文件底部引用ju
bootstrap-3.3.7 官方标准版
12-28
在使用时 bootstrap依赖jquery,因此在引用的时候要先引用jquery。如下： [removed][removed] <link href="~/Content/bootstrap.min.css" rel="stylesheet" /> [removed][removed]
添加bootstrap引用
weixin_46576953的博客
11-03 117
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
Vue 引用Bootstrap
riypm06的博客
05-16 135
1. 先安装Jquery ：cnpm install jquery --save 2. 安装Bootstrap ：cnpm install bootstrape --save cnpm install --save popper.js 3. main.js 中 ： import$from'jquery' import'bootstrap/dist/css/bootstrap.min.css' import'bootstrap/dist/js/bootstrap.min.js...
Bootstrap引入和使用
最新发布
AZURE060606的博客
02-26 2353
Bootstrap是一个开源的前端框架，用于对HTML和CSS代码进行封装，因此可以直接在标签中加入现成的属性来实现需求v3官方文档库：官方书写好了大量现成的CSS样式以及组件。
bootstrap的引入和使用
weixin_34146410的博客
07-02 1342
Bootstrap的下载 一. 使用Bootstrap第一步，先将生成环境的Bootstrap下载下来。然后将下载，然后引入到自己建好的当前目录中 二、点到起步中的基本模板 将看到的整段代码复制粘贴到建好的index.html文件中 官网明确表示： 使用此给出的这份超级简单的HTML模板，或者修改这些实例。我们强烈建议你对这些实例按照自己的需求进行修改，而不要简单的复制、粘贴...
bootstrap入门教程
专治八阿哥的孟老师
03-31 6374
bootstrap简介：​ bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。​ bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。boostrap特点​ 1 ) 移动设备优先：自 bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。浏览器支持：​​ 2 ) 所有的主流浏览器都支持 bootstrap。​​ 3 ) 容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 bootstrap。
Bootstrap 排版引用
歪脖先生的博客
03-05 1125
引用HTML 中的 &lt;blockquote&gt; 标签，用于标记一段引用的内容，其目的是把它跟其它内容区分开来。在 &lt;blockquote&gt; 标签内部，建议使用 &lt;p&gt; 标签进行分段，用 &lt;small&gt; 标签标记引用的来源，用 &lt;cite&gt; 标签标记引用的标题或人名。如：&lt;blockquote&gt;  &lt;p&gt;Lorem i
bootstrap 三个文件的引入
热门推荐
Leon的博客
11-09 3万+
bootstrap的环境至少需要3个文件：bootstrap.min.css jquery.mis.jsbootstrap.min.js   [html] view plain copy  print? &lt;!-- 新 Bootstrap 核心 CSS 文件 --&gt;   &lt;link rel="stylesheet" href="//cdn.bootcss.com/boot...
bootstrap如何引用图片
05-10
在 Bootstrap 中，可以使用 `<img>` 标签来添加图片。如果你想要在 Bootstrap 中引用一张图片，可以通过以下方式进行引用： 1. 将图片文件放置在项目目录中，例如将图片文件放在 `img/` 目录下。 2. 在 HTML 中使用 `<img>` 标签来引用图片，如下所示： ```html <img src="img/example.jpg" alt="示例图片"> ``` 在上面的代码中，`src` 属性用于指定图片文件的路径，`alt` 属性用于提供图片的描述信息。请注意，路径应该相对于 HTML 文件的位置。 如果你想要在 Bootstrap 的组件中添加图片，可以使用相应组件的 API 或类来添加图片。例如，如果你想要在卡片组件中添加图片，可以使用卡片组件的 `card-img-top` 类，如下所示： ```html <div class="card"> <img class="card-img-top" src="img/example.jpg" alt="示例图片"> <div class="card-body"> <h5 class="card-title">卡片标题</h5> <p class="card-text">卡片内容</p> </div> </div> ``` 在上面的代码中，`card-img-top` 类用于指定图片在卡片组件中的位置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值