Bootstrap教程：[2]在网页中加载bootstrap

2024-11-23 19:42:59

操作方法

01

我们开始适用bootstrap来制作网页，我用的编辑器是dreamweaver，这是一个学网页前段开发的人不能少的软件，就不多说了。下面看看网页中需要怎么加载bootstrap中的资源呢。
02

首先在Dw中创建一个html5文件，在开始页面点击【更多】
03

选择文档类型，然后点击确定
04

在代码视图我们先看看基本的代码
05

按下Ctrl+s保存该文件到bootstrap文件夹下面，在dist文件夹中保存有bootstrap中的css、js等文件
06

在css样式面板，点击链接，我们来引入bootstrap中css样式
07

点击浏览，找到bootstrap.min.css文件，点击确定按钮
08

引入以后，我们看看在<head>标签之间多了一个link标签
09

假如我们还想要使用bootstrap提供的js文件，我们得去下载jquery文件，浏览器打开jquery.com,点击download
10

选择一个你自己需要的版本，我下载的如图所示
11

将下载下来的文件放到js文件夹中
12

回到Dw，在插入面板中，点击【脚本】
13

引入刚才下载得到的jquery，点击确定；之后同样的方法才能引用bootstrap.min.js文件
14

这是最后得到的源码。
15

现在bootstrap官方提供了CDN加速服务，即使你不下载bootstrap文件到本地，也能调用，调用的方式是：用这一段代码替换掉上面那一句
16

调用js的方法是用下面这两句替换带哦上面这两句。

赞 (0)

Excel中加载宏动画教程

《Excel2003入门动画教程54、Excel中加载宏》。演示动画操作步骤先将加载宏文档保存到相应的文件夹中，然后在Excel加载使用。执行“工具加载宏”命令，打开“加载宏”对话框，点击“浏 ...
如何在UC浏览器中修改极速省流网页预加载为从不

有的小伙伴在使用UC浏览器软件时,因为一些需求,需要将极速省流网页预加载修改为从不,但是却不知道如何修改,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,点击并打开UC浏览器软件,接着点击右下角 ...
微软揭秘IE11快的三个主要功能网页预测.网页预加载和网页预读取

Internet Explorer 11，即IE11浏览器，作为微软IE浏览器家族中最新的成员，也是最快的浏览器之一，微软今天就在IE博客里面揭秘IE快的三个主要功能，即网页预测、网页预加载和网页预读 ...
会声会影直接从 Windows Vista® 媒体库中加载媒体

直接从 Windows Vista® 媒体库中加载媒体：在会声会影 X2 库的下拉菜单中，选择“Windows 媒体库”。选择“视频库”、“图像库”或“音频库”，具体取决于您要加载的媒体类型。选 ...
WPS2012演示中加载的视频不能播放怎么办

WPS2012演示中加载的视频不能播放，可能是系统中缺少相应的编码程序(XVID即为一种流媒体编码器)，下载安装一个XVID解码器即可。
小米手机怎么在视频中加载字幕

字幕对我们观看电视还是很重要的,那今天小编跟大家分享下小米手机怎么在视频中加载字幕.具体如下:1. 首先我们需要先在手机中打开[小米视频].2. 在打开的主界面中我们点击"打开视频文件&qu ...
怎么添加win10系统中加载卸载设备驱动程序的用户或组

使用Windows10系统电脑的用户,想要添加加载卸载设备驱动程序的用户或组,但是却不知道如何添加,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,右击桌面左下角的开始图标,接着点击弹出窗口中的 ...
如何在Word中加载EndNote

Endnote是一款由美国公司研究开发的文献管理工具,有些用户不知道如何在Word中加载EndNote,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图所示,打开电脑中的任 ...
如何在高版本AUTOCAD中加载燕秀工具

平时我们在使用CAD绘图时,都会习惯性的使用一些小工具,以提高绘图效率,这其中燕秀工具箱就是我们很多的CAD人都爱不惜手的工具.但这个工具只能自动加载到AUTOCAD2012版的软件,高于这个版本,都 ...