Bootstrap 学习
记录 Bootstrap 的学习
南淮北安
好好学习
展开
-
一篇文章带你快速学会 Bootstrap
文章目录一、学习目录二、扩展目录 一、学习目录 认识 Bootstrap 响应式布局 CSS 样式和 JS 插件 案例学习 二、扩展目录 详细知识学习原创 2020-02-29 23:46:09 · 317 阅读 · 2 评论 -
(Bootstrap)案例学习
文章目录一、分析页面二、页眉部分三、主体部分五、页脚部分 一、分析页面 整个页面分为三部分:页眉部分,主题部分,页脚部分 这里借用 Bootstrap 对 HTML案例 进行优化处理 二、页眉部分 可以看到这里共可分为四行,而且页眉部分采用未留白方式,百分百宽度 container-fluid <!-- 页眉部分--> <!-- header形式化阅读,相当于 div-->...原创 2020-02-29 23:45:38 · 539 阅读 · 0 评论 -
CSS样式和JS插件
文章目录一、全局CSS样式:二、组件三、插件 一、全局CSS样式: 按钮详细点击学习:class="btn btn-default" 按钮样式: 图片具体学习点击: * class="img-responsive":图片在任意尺寸都占100% * 图片形状 * <img src="..." alt="..." class="img-rounded">:方形 ...翻译 2020-02-29 22:33:11 · 463 阅读 · 0 评论 -
(Bootstrap)响应式布局
文章目录一、基本概念二、示例 一、基本概念 响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局,可以兼容不同分辨率的设备 传统的开发方式是PC端开发一套,手机端再开发一套,而使用响应式布局只要开发一套就够,缺点就是CSS比较重。 实现:依赖于栅格系统,将一行平均分成12个格子,可以指定元素占几个格子 * 步骤: (1)定义容器:相当于之前的table * 容器分类: * cont...原创 2020-02-29 17:29:48 · 917 阅读 · 0 评论 -
认识 Bootstrap
文章目录一、概念二、快速入门 一、概念 一个前端开发的框架,Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。 Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。 * 框架:一个半成品软件,开发人员可以在框架基础上,在进行开发,简化编码。 * 好处: (1)定义了很多的css样式和js插件。我们开发人员直接可以使用这...原创 2020-02-29 13:21:00 · 389 阅读 · 0 评论