
bootstrap
¡Venceremo
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
bootstrap学习:案例-模态框+点击导航栏点击和标签页输出同步
点击关于触发模态框 在js案例里面。标签页显示的方法:show方法。上方需要添加一段文本。原创 2022-11-25 10:28:18 · 397 阅读 · 0 评论 -
bootstrap学习:案例-标签页
是个动图:所以需要用到js插件模块的标签页。原创 2022-11-24 18:32:55 · 352 阅读 · 0 评论 -
bootstrap学习:案例-三列布局
在组件 缩略图中 居中在全局css样式中。原创 2022-11-24 15:34:51 · 585 阅读 · 0 评论 -
bootstrap学习:案例-轮播
类似 查看官方文档的案例 轮播图是动态的 使用JavaAcript插件部分。此时中间会产生一段空白可以使用将导航条浮动在上。data-interval=1000更改轮播速度。首先将图片变成相同尺寸:调用模型。也可以使用jQuery。原创 2022-11-24 14:32:19 · 227 阅读 · 0 评论 -
bootstrap学习:bootstrap定制化 根据bootstrap实现自己的Ui库
你修改了其中的参数 需要重新编译源码文件:bootstrap.less。第一种方法:直接改源码 但是动态性不高。原创 2022-11-22 10:55:22 · 383 阅读 · 0 评论 -
bootstrap学习:bootstrap复习
流体容器:width=auto padding是向内展开 如果是100%就是padding向外延申。继承实质上将.father选择器和#test组合成一个选择器,声明使用.father的。两侧有15px的padding。两侧15px padding。如果不存在md ,sm原创 2022-11-22 10:15:33 · 301 阅读 · 0 评论 -
bootstrap学习:案例-导航
根据官网:重点是查找入门 导入。原创 2022-11-21 21:13:38 · 182 阅读 · 0 评论 -
bootstrap学习:栅格盒子模型设计的精妙之处
容器两边必须要有15px的padding。容器上的css样式 :两边具有15px的padding。列两边必须得有15px的padding。行两边必须得有-15px的magin。行上的css样式:具有-15px的margin。列上的样式:具有15px的padding。为了能使得容器可以包裹住行。原创 2022-11-21 19:35:34 · 180 阅读 · 0 评论 -
bootstrap学习:响应式工具
然后进行媒体查询 --执行当屏幕宽度小于等于screen-xs-max的实现混合也就是在混合中实现。hidden-xs:到原创 2022-11-21 19:01:57 · 273 阅读 · 0 评论 -
bootstrap学习:自定义栅格系统
首先将grid-framework.less里面的col-改成自己命名的。将有关的源码文件复制一份,然后写demo;.clearfix:更改 加括号没有继承。原创 2022-11-21 14:04:08 · 264 阅读 · 0 评论 -
bootstrap学习:栅格实例-不同用户端不同界面-第一个向下移动
使用中图的偏移、使用小图的偏移 注意使用的偏移不能跳 因为移动优先。首先将四幅图按照 4321的顺序排列 然后使用偏移 使用大图的偏移。先进行大图的移动 然后中图 然后小图的移动。push left偏移 pull右偏移。跳变了会使用小图的偏移。原创 2022-11-21 10:13:27 · 231 阅读 · 0 评论 -
bootstrap学习:栅格实例-不同用户端不同界面
【代码】bootstrap学习:栅格实例-不同用户端不同界面。原创 2022-11-20 16:03:01 · 272 阅读 · 0 评论 -
bootstrap学习:less源码分析 列偏移 列排序部分
【代码】bootstrap学习:less源码分析 列偏移 列排序部分。原创 2022-11-20 15:06:14 · 266 阅读 · 0 评论 -
bootstrap学习:less源码分析 行 列部分 宽度部分
bootstrap学习:less源码分析 行 列部分 宽度部分原创 2022-11-20 14:36:03 · 145 阅读 · 0 评论 -
bootstrap学习:两个容器 流体容器 固定容器
992原创 2022-11-19 22:07:15 · 183 阅读 · 0 评论 -
BootStrap--的使用方法
下载——解压——引用在网站中如何使用BootStrap框架——要求BootStrap文件夹需要和此网页处于同一个文件夹中如何调用BootStrap样式(table表格为例)如何调用BootStrap组件(nav导航键——对组件有自己的样式)如何调用BootStrap 的JS特效(导航栏)要根据对应版本的手册进行设置...原创 2022-08-11 16:37:23 · 345 阅读 · 0 评论 -
Bootstrap-综合案例-编写课程页面-详细内容的设计
由于使用bootargs所以有收起来的效果。在巨幕的下方(也是这是成响应式内容)在f12响应式布局中调试。原创 2022-07-25 19:24:32 · 442 阅读 · 0 评论 -
Bootstrap-综合案例-编写课程页面-主体内容
左侧部分-左侧课程的介绍-也可以使用组件-巨幕。分成左右两列左侧课程的介绍右侧列表组。使用响应式布局的方式。原创 2022-07-25 19:08:20 · 369 阅读 · 0 评论 -
Bootstrap-综合案例-编写课程页面-导航条
Bootstrap-综合案例-编写课程页面-导航条原创 2022-07-25 18:45:22 · 530 阅读 · 0 评论 -
bootstrap--响应式布局(栅格系统)
先划分行,然后对每一行划分列(在划分列的时候对单元格进行合并,合并若干个单元格,所以列宽是由合并多少个单元格来决定的)第三步其他列的划分(单元格的合并)可以设置div,col-md-8div.col-md-4(划分左宽右窄)bootstrap框架-推特公司开源、移动优先(首先考虑的是移动端设备的兼容性)的前端框架(规定)col(划分当前的列)-md(设备的尺寸表示中等设备)-8(表示当前列合并几个单元格)--------------实现多终端的页面适配。有两部分的代码源代码和编译后的代码。...原创 2022-07-23 09:46:37 · 689 阅读 · 0 评论