Bootstrap的基本使用（css、js文件的引入）

使用Bootstrap需要引入官方的文件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Bootstrap3示例</title>
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<!-- 这里是具体的网页内容 -->

	<!-- bootstrap的核心js文件 -->
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>

原文地址：https://www.cnblogs.com/xiaoxiaoyu7/p/8543586.html

时间： 2024-08-06 02:34:57

Bootstrap的基本使用（css、js文件的引入）的相关文章

关于Yii2中CSS,JS文件的引入心得

1.在view中 use yii\helpers\Html; <?=Html::jsFile('@web/***/js/***.js')?>//这里***代表你的目录名或者文件名 <?=Html::cssFile('@web/***/css/***.css')?>//***同上 2.布局 public $layout = 'layout';//在类中定义一个变量,名为$layout的php文件 <?php echo $content; ?> 3.跳转链接 use yii

springMvc整合Freemarker引入CSS,JS文件404的问题

在spring webmvcjar包中有个spring.ftl的文件如下图: 你可以把他拷出来,放到你的目录下,也可以不拷出来,具体的用法就是在你的freemaker模版开头加上 <#import "spring.ftl" as spring/> 如果你烤出了spring.ftl文件,像找存在感的话,比如拷到当前项目路径的plugins文件下那么就加上这个路径就好了<#import "plugins/spring.ftl" as sprin

js活jQuery实现动态添加、移除css/js文件

下面是在项目中用到的,直接封装好的函数,拿去在js中直接调用就可以实现css.js文件的动态引入与删除.代码如下动态加载,移除,替换css/js文件 // 动态添加css文件 function addCss(filename){ var creatHead = $('head'); creatHead.append('<link rel="stylesheet" href="'+filename+'">') } // 移除css/js文件 functi

到底JS文件的引入放置在头部好还是尾部好？

统计工具说是将JS文件放置在body标签之后会提升加载速度.不过最终我们还是放置在了head标签里.这里就涉及到一个JS文件位置的选择.到底JS文件的引入放置在头部好还是尾部好?今天小编和大家探讨,JS文件到底该放置最好. 具体将引入的JS放在哪里与代码执行的顺序有关.网页文件的读取是从上到下的,如果将JavaScript文件放置在head当中,会先加载JS文件,之后再继续执行,那么此时,如果JS文件比较大,页面加载就会很慢,导致空白. 那么,如果将JavaScript文件放置在底部,如果说,也

Django使用本地css/js文件

在网上看了很多说Django如何使用本地css/js的文章, 但都不能用今天终于找到一个可以用的, 记录下在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹我的文件夹层级然后很简单,只需在settings.py中进行设置就行, 在末尾添加以下代码 STATIC_URL = '/static/' HERE = os.path.dirname(os.path.abspath(__file__)) HERE = os.path.joi

css,js文件后面加一个版本号

由于前几天,更新了项目,更新的文件有js文件,今天客人截图过来,我发现修改之后的效果没有显示出来,我回复说清理浏览器缓存.到了晚上,客人找老板,说还没有处理到這个,说客人不懂這个.所以想到之前自己为了避免浏览器缓存js,css文件,在js,css后面加一个版本号,时间随机.這次笔者是在js后面加了一个版本号参数,应该可以强制到客人的浏览器浏览這个画面时,重新下载修改之后的js文件.如: <script type="text/javascript" src="js/tes

解决项目迭代css,js文件缓存问题

项目迭代过程中,新的改版,经常会出现样式不向下兼容的情况.发布线上之后,由于导致新的html文件引用了上一版本缓存css,导致样式错乱. 只需在引用文件路径后,加上版本识别号参 version.不用更改原文件名. 版本可以自己定如1.0.1. <link rel="stylesheet" type="text/css" href="/UI/css/common.css?version=1.0.1">

动态添加删除css/js文件

var gTag = 1; function clickButton() { if(gTag == 1) { //加载js /*var linkObj = document.createElement("script"); linkObj.setAttribute("src","b.js"); document.body.appendChild(linkObj); gTag = 2; removejscssfile("b.js"

如何在一个js文件中引入另外的js文件

例如想要在a.js中引用b.js.c.js和d.js document.write("<script language='javascript' src='b.js'></script>"); document.write("<script language='javascript' src='c.js'></script>"); document.write("<script language='ja