phpmyfaq是如何引入bootstrap

 我来答
huanglenzhi
2015-04-08 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
采纳数:117538 获赞数:517194
长期从事计算机组装,维护,网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。

向TA提问 私信TA
展开全部

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

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

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

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

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

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

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

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

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

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

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

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

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

  这是最后得到的源码。

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

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

网易云信
2023-12-06 广告
UIkit是一套轻量级、模块化且易于使用的开源UI组件库,由YOOtheme团队开发。它提供了丰富的界面元素,包括按钮、表单、表格、对话框、滑块、下拉菜单、选项卡等等,适用于各种类型的网站和应用程序。UIkit还支持响应式设计,可以根据不同... 点击进入详情页
本回答由网易云信提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式