素材巴巴 > 程序开发 >

Bootstrap——安装、导入以及简单使用

程序开发 2023-09-06 11:01:28

Bootstrap安装和使用

bootstrap简介

Bootstrap是前端开发中比较受欢迎的框架,简洁且灵活。它基于HTML、CSS和JavaScript,HTML定义页面元素,CSS定义页面布局,而JavaScript负责页面元素的响应。Bootstrap将HTML、CSS和JavaScript封装成一个个功能组件,用起来简单,粗暴。


安装bootstrap

1、进入bootstrap官网

2、选择版本,点击下载bootstrap(这里以v4.6为例)

在这里插入图片描述

3、点击下载bootstrap生产文件在这里插入图片描述

4、解压文件

在这里插入图片描述

也可以直接导入Boostrap CDN

https://www.bootcdn.cn/twitter-bootstrap/

网格系统
 
 

注意版本!

bootstrap的使用


 
 网格系统
 
 
 
 
第一块
第二块
第三块
第一块
第二块
第三块

在这里插入图片描述

具体使用可以查看:菜鸟教程

在这里插入图片描述


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。