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

2024-10-12 07:43:00

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

首先在Dw中创建一个html5文件，在开始页面点击【更多】 Bootstrap教程：[2]在网页中加载bootstrap

在代码视图我们先看看基本的代码 Bootstrap教程：[2]在网页中加载bootstrap

在css样式面板，点击链接，我们来引入bootstrap中css样式 Bootstrap教程：[2]在网页中加载bootstrap

引入以后，我们看看在<head>标签之间多了一个link标签 Bootstrap教程：[2]在网页中加载bootstrap

选择一个你自己需要的版本，我下载的如图所示 Bootstrap教程：[2]在网页中加载bootstrap

回到Dw，在插入面板中，点击【脚本】 Bootstrap教程：[2]在网页中加载bootstrap

这是最后得到的源码。 Bootstrap教程：[2]在网页中加载bootstrap

调用js的方法是用下面这两句替换带哦上面这两句。 Bootstrap教程：[2]在网页中加载bootstrap