![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
BootStrap
文章平均质量分 92
12r1se*angel
生活要有所为 有所爱 有所期待
展开
-
Bootstrap_02_全局CSS之排版、代码、表格
一、排版 1.页面主体 Bootstrap讲全局font-size设置为14px,line-height设置为20px,段落的行高设置为10px,颜色设置为#333。我们可以通过在页面按F12查看body的样式 段落突出:通过.lead类可以让段落突出显示,我们来看演示代码: <div class="container"> <p>卓越人生</p> <p class="lead">从xx开始</p> <p>走向人生巅峰..原创 2022-05-04 18:48:45 · 100 阅读 · 0 评论 -
Bootstrap_03_(全局CSS之表单&按钮&图片&辅助类&响应式工具)
目录 一、表单 1.基本表单 2.内联表单:class=”form-inline” 3.表单组合:class=”input-group”、class=”input-group-addon” 4.多选框 :class="checkbox" 5.下拉列表:class=”form-control” 6. 控制尺寸 二.按钮 1.可用作按钮使用的标签和元素 2.预定义样式 3.尺寸 4.激活状态 5.禁用状态 三.图片 1.图片形状、响应式图片 四.辅助类 1.情境文本颜色(文.原创 2022-05-04 00:34:34 · 177 阅读 · 0 评论 -
Bootstrap_01_入门、全局CSS样式【栅格系统】
一、What?:Bootstrap是什么 Bootstrap是一个前端开发框架。简单点说就是别人写好的效果封装起来。 Bootstrap是2011年Twitter团队为了方便维护PC端和手机端二研发的一个响应式前端框架。 用于快速开发Web应用程序和网站的前端框架 Bootstrap是基于HTML、CSS、JS的,简介灵活,使Web开发更加快捷 总结:Bootstrap是一个建立在一个页面,可以在三个中断(PC、平板、手机)上完美战士的响应式前端框架 二、Why?:用到......原创 2022-04-29 17:51:48 · 309 阅读 · 0 评论