![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
LW0512
这个作者很懒,什么都没留下…
展开
-
Boostrap 第八章 插件
插件1:什么是插件?插架是别人封装好的js代码,直接可以拿过来引用的。插架的种类有很多种。sweiper插架 他是一种轮播插件。不要滥用插件,不要去网上随便下载插件2:swiper插架用法:赋值你sweiper里面所有代码,粘贴到你的页面引入sweiper页面里面的css和js改变元素宽高等属性大小,切记不要修改sweiper代码实例:<!DOCTYPE html><html> <head> <meta charset="UTF原创 2020-10-22 13:50:55 · 159 阅读 · 0 评论 -
Boostrap第七章图片
图片类描述.img-rounded为图片添加圆角 (IE8 不支持).img-circle将图片变为圆形 (IE8 不支持).img-thumbnail缩略图功能.img-responsive图片响应式 (将很好地扩展到父元素)实例:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>原创 2020-10-19 16:28:11 · 108 阅读 · 0 评论 -
Boostrap第六章按钮
按钮类描述.btn为按钮添加基本样式.btn-default默认/标准按钮.btn-primary原始按钮样式(未被操作).btn-success表示成功的动作.btn-info该样式可用于要弹出信息的按钮.btn-warning表示需要谨慎操作的按钮.btn-danger表示一个危险动作的按钮操作.btn-link让按钮看起来像个链接 (仍然保留按钮行为)实例<!DOCTYPE html><html原创 2020-10-19 16:14:10 · 218 阅读 · 0 评论 -
Boostrap 第五章 表格
第五章 表格类作用.table表格的框架.table-bordered表格的边框原创 2020-10-19 16:04:20 · 115 阅读 · 0 评论 -
Boostrap 第四章 代码
第四章 代码名字作用<code>标记标签<kbd>键盘按键样式标签<pre>按照输入的写法,输出文本.pre-scrollable加上这个类,pre就会出现滚动条<var>斜体<samp>编辑器里面是什么样式,samp标签输出就是什么样式...原创 2020-10-11 20:22:39 · 145 阅读 · 0 评论 -
Boostrap 第三章 排版
第三章 排版类作用.h1~h6任何标签用这个类就有了标题标签的样式&.smll副标题标签和类.lead突出内容.text-left文本左对齐.text-right文本右对齐.text-center文本居中对齐.text-justify文本左右对齐.text-nowrap文本一行显示.text-lowercase大写变小写.text-uppercase小写变大写.text-capitalize首字母原创 2020-10-11 20:07:35 · 119 阅读 · 0 评论 -
Boostrap 第二章 栅格系统
栅格系统名字类名作用容器.container响应式的布局容器--大屏(>=1200px)宽度是1170px--中屏(>=992px)宽度是970px--小屏(>=768px)宽度是750px--超小屏(100%)容器.container-fluid流失布局布局容器--流失布局 百分百的宽--适合做移动端开发名字类名作用栅格系统bs中的栅格系统将容器平均分为了12原创 2020-10-11 19:19:01 · 569 阅读 · 1 评论 -
Bootstrap第一章 bs入门
Bootstrap入门1:bootstarp简介:–Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。–Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。2:bootstarp网址:--中文网址:https://www.bootcss.com/--外文网址: http://getbootstrap.com/--菜鸟网络:https://www.runoob.com/bootstrap/bootstrap-grid-原创 2020-10-08 08:02:27 · 334 阅读 · 0 评论