
bootstarp
bootstrap笔记
Southern Wind
前端开发
个人博客:https://nanchen042.github.io/docs/
稀土掘金: https://juejin.cn/user/1588130256005415/posts
展开
-
Bootstrap——手机端手风琴效果实现
移动端手风琴效果原创 2022-06-09 09:43:10 · 1403 阅读 · 0 评论 -
Bootstrap-文本,背景,按钮样式
文本样式切记!!一定要先引入bootstrap样式文件背景样式三、按钮样式1、按钮颜色写按钮颜色之前得在class中添加btn类名代表为按钮添加基本样式,添加完毕过后再写里面的样式例如:<button type="button" class="btn btn-default">默认按钮</button>以下是类名所对应的按钮样式 <button class="btn btn-default">默认按钮...原创 2021-09-09 19:16:10 · 1079 阅读 · 0 评论 -
Bootstrap - 列排序,列偏移,列嵌套
列排序引入类名push-*和pull-*即可<divclass="col-lg-4col-lg-push-8">左边</div><divclass="col-lg-8col-lg-pull-4">右边</div>列偏移引入类名:offset<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...原创 2021-09-04 16:57:39 · 705 阅读 · 0 评论 -
Bootstrap——网格布局
什么是网格?网格布局的列数最多可以分为12列如果要列数大于12则会另起一行补齐多余的列数如果份数相加小于12则会铺不满整个宽度代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <...原创 2021-09-02 19:18:01 · 1063 阅读 · 0 评论 -
Bootstrap——安装
bootstrap安装方法,只要到官网http://getbootstrap.com/ 点击Download进入下载页面后点击下载压缩包即可下载完毕后打开可以吧css文件夹中把bootstrap.min.css文件直接粘贴到你所需要用到bootstrap的文件夹中然后用link引入即可...原创 2021-09-02 18:50:38 · 951 阅读 · 0 评论