怎样在HTML网页中使用bootstrap框架


本文摘自PHP中文网,作者coldplay.xixi,侵删。

在HTML网页中使用bootstrap框架的方法:首先引jQuery库到HTML网页中,引CSS用link;然后用bootstrap的CSS中的类美化按钮;最后添加类名。

本教程操作环境:windows10系统、bootstrapv4.4.1&&html5版,DELL G3电脑,该方法适用于所有品牌电脑。

在HTML网页中使用bootstrap框架的方法:

1、准备工作是下载好并解压bootstrap包,记住切不可自作主张更换改动bootstrap默认的路径,否则出错。如图所示,小编我把bootstrap库放在lib文件夹(自己设置的文件夹,可自命名),反正bootstrap里面的不要改,不要动。

ee743d52b1a9daddbc3e4d4f66db25f.png

2、接着在bootstrap之前引jQuery库到你的HTML网页,原因自然是bootstrap很多地方用到jq,所以也要引jq。

645019774dcdb6bac723d28dde55af3.png

3、如图所示,引CSS用link,JS用script,bootstrap一般是用CSS居多。

7dd455bb6e6dda1fa5625d932a04677.png

4、接着我们来看看没有使用bootstrap的按钮是啥效果样式。

阅读剩余部分

相关阅读 >>

springboot怎么用bootstrap

bootstrap是做什么的

bootstrap4如何设置模态框

bootstrap table中toolbar新增条件查询及refresh参数使用方法

bootstrap tab 没有反应怎么办

bootstrap属于js框架吗

bootstrap整体架构包含哪些模块

为什么要使用bootstrap

bootstrap-table 表格行内编辑实现

bootstrap remote用法是什么

更多相关阅读请进入《bootstrap》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...