BootStrap的使用(图文详解)

microsoft365版本 ⌛ 2025-08-11 16:59:24 ✍️ admin 👁️ 1779 ❤️ 79
BootStrap的使用(图文详解)

BootStrap的使用

​ Bootstrap使用四步曲:1、创建文件夹;2、创建html骨架结构;3、引入相关样式文件;4、书写内容

一、创建文件夹结构

1、创建文件夹

​ 按照以往的习惯创建文件夹。

2、下载Bootstrap

​ 在官网下载压缩包,选择下载生产环境的压缩包,将其解压到项目目录下,但是不能覆盖你自己建的文件夹。

二、创建html骨架结构

​ 先正常搭建一个html页面,然后再选中“基础模板”中的所需代码,复制到你自己搭建的html页面中。

三、引入相关样式文件

​ 使用link标签引入css文件,这里以min.css为例。

四、书写内容

​ 正常输入内容,如果发现内容没有了浏览器默认的内外边距,则证明css文件引入成功。

五、使用

​ 这里使用按钮为例。在全局css中选中按钮,根据预定义样式选中你所需要的css按钮样式,然后复制对应的代码到你搭建好的Bootstrap结构中并允许查看成功与否。

六、代码

初体验

相关推荐

365体育官网登录 京东白号是什么意思(京东白号怎么养)
microsoft365版本 谷歌智能眼镜续航最长能用多久?
精准原创123656官方网 倨傲的解释

倨傲的解释

⌛ 06-30 👁️ 3821
microsoft365版本 二十八首歌唱母亲的歌曲,收藏好!