Bootstrap - 随笔分类 - 雲淡颩淸

基于Bootstrap好用的瀑布流

摘要：文章出处：http://www.htmleaf.com/jQuery/pubuliuchajian/201704104447.html 由于工作中正好需要，无奈能力总是差了那么一点，只能站在巨人的肩膀上改一改，用一用，改造过程忽略，只收集结果，上干货！ HTML部分（简单的不能再简单了，哈哈）： J 阅读全文

posted @ 2019-01-08 13:52 雲淡颩淸阅读(3377) 评论(0) 推荐(0)

Bootstrap 中下拉菜单和滚动监听插件（十一）(持续更新中。。。)

摘要：一、下拉菜单二、滚动监听插件阅读全文

posted @ 2017-04-06 16:59 雲淡颩淸阅读(170) 评论(0) 推荐(0)

Bootstrap 中模态框插件（十）

摘要：一、基本用法模态框的弹窗组件需要三层 div 容器元素（一般用于登录和注册）主体部分可以使用删格系统中的流体 .modal // 模态声明层 .modal-dialog // 窗口声明层 .modal-content // 内容层 .modal-header // 内容头部层 .modal-bo 阅读全文

posted @ 2017-04-05 17:01 雲淡颩淸阅读(225) 评论(0) 推荐(0)

Bootstrap 中列表组面板和嵌入组件（九）

摘要：一、列表组组件 .list-group // 定义列表组件，定义在 ul/div .list-group-item // 定义列表组件的每个项目，定义在 li/a/button 上 ,其中 button 上是根据内容的变化而变化长短，不是百分百的格局 .badge // 列表组件中的徽章 .acti 阅读全文

posted @ 2017-04-01 17:03 雲淡颩淸阅读(373) 评论(0) 推荐(0)

Bootstrap 中各种组件----巨幕页头缩略图和警告框组件，进度条媒体对象和Well组件（八）

摘要：一、巨幕组件(展示网站关键性区域) 1、100%全屏，没有圆角 jumbotron > container 2、在固定的范围内，有圆角 container > jumbotron 二、页头组件（增加了上下距离，底部有灰色的条线）三、缩略图组件（配合响应式） .thumbnail // 缩略图的cl 阅读全文

posted @ 2017-03-30 11:23 雲淡颩淸阅读(461) 评论(0) 推荐(0)

Bootstrap 路径分页标签和徽章组件（七）

摘要：一、面包屑导航（路径组件） .breadcrumb // 定义面包屑导航 .active // 当前项二、分页组件 .pagination // 定义这是一个分页 .active // 首选项 .disabled // 禁用项设置尺寸在 ul 上（从大到小）： .pagination-lg 默认阅读全文

posted @ 2017-03-27 17:03 雲淡颩淸阅读(311) 评论(0) 推荐(0)

Bootstrap 输入框和导航组件（六）

摘要：一、输入框组件 1、在 .input-group 框里可分别左右两侧添加文字， <input> 用 .form-control 添加样式。 2、文字元素用 span.inpt-group-addon 3、尺寸大小（从大到小）: input-group-lg 、默认、xs 、sm 4、使用复选框和阅读全文

posted @ 2017-03-27 16:58 雲淡颩淸阅读(1565) 评论(0) 推荐(0)

Bootstrap 图标菜单和按钮组件（五）

摘要：一、小图标组件具体图标样式class名称参考官网。可配合 <span> 或 <i> 使用，也可配合 <button> 使用二、下拉菜单组件 1、下拉菜单必须有一个被点击的元素，可以是超链接，可以是图片或者button 按钮（多），按钮需要设置 data-toggle ="dropdown" 阅读全文

posted @ 2017-03-24 16:54 雲淡颩淸阅读(4591) 评论(0) 推荐(0)

Bootstrap 辅助类和响应式工具（四）

摘要：一、辅助类 .text-muted // 情景文本，柔和灰 .text-primary // 情景文本，主要蓝 .text-success // 情景文本，成功绿 .text-info // 情景文本，信息蓝 .text-warning // 情景文本，警告黄 .text-danger // 情景文阅读全文

posted @ 2017-03-24 11:20 雲淡颩淸阅读(1051) 评论(0) 推荐(0)

Bootstrap 删格系统（三）

摘要：移动设备优先处理 //屏幕宽度和设备一直，初始缩放比例、最大缩放比例和禁止用户缩放(最好设计最小宽度为1440px) 一、布局容器 .container // 固定宽度框为1200px 主体显示为1170px，两边15px留白 .container-fluid // 100%流体宽度，无论多大都是阅读全文

posted @ 2017-03-22 17:00 雲淡颩淸阅读(968) 评论(0) 推荐(0)

Bootstrap 中表单和图片（二）

摘要：一、表单的基本框架 *在 form 上设置class*.form-inline // 内联表单，左对齐浮动，表现为inline-block内联块结构 P.s.<768px，会恢复独占样式 .form-horizontal // 表单内元素保持水平排列, *在 div 上设置class* .form- 阅读全文

posted @ 2017-03-21 16:55 雲淡颩淸阅读(335) 评论(0) 推荐(0)

Bootstrap 中类别样式名称和标签（一）

摘要：每次看每次都觉得新鲜，用起来的时候却还是习惯性的忘记其原有的东西，自己再写出来一个自己都觉得是多余的内容。所以此次决定再捋一遍，记录每个class 和标签，具体的再不断的完善更新吧，下次再用直接查笔记，就不用去官网了。哈哈（想得美(─.─|||）一、页面排版： 1.页面主体全局 font-siz 阅读全文

posted @ 2017-03-21 11:26 雲淡颩淸阅读(2733) 评论(0) 推荐(0)

雲淡颩淸

随笔分类 - Bootstrap

公告