Bootstrap之旅
关注
分享
扫一扫
夏木炎
个人学习工作记录（只对自己负责），不接受批评，不保证准确，爱看则看。。。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
bootstrap初试
1. 网格类的使用 使用到的类:container 水平居中 row 12等分布局 col-lg-6 大屏幕二等分 col-md-6 中等屏幕二等分 col-sm-6 小屏幕二等分 col-xs-6 超小屏幕二等分 Bootstrap原创 2018-01-16 17:20:06 · 544 阅读 · 1 评论 -
bootstarp组件实现导航栏
1. 当宽度太小时，三层汉堡收起导航栏 zhq.com 首页 相册 说说 个人中心原创 2018-01-16 20:08:16 · 1334 阅读 · 2 评论 -
JS自定义栅格系统
一.静态页面代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JS自定义栅格系统</title> <style> /* * 设置通用样式 */ *{ margin: 0;原创 2018-06-27 09:44:56 · 1681 阅读 · 0 评论 -
媒体查询自定义栅格系统
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <!--设置缩放和绘制--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <原创 2018-06-27 11:24:29 · 698 阅读 · 0 评论 -
Bbootstrap自定义按钮
一.通过BBG网址（Bootstrap Button Generator）http://blog.koalite.com/bbg/二.选择样式复制代码原创 2018-08-30 08:45:25 · 1040 阅读 · 2 评论 -
MyBatis分页插件Pagehelper结合Bootstrap分页组件使用
一.引入jar<!--引入 pagehelper分页插件 --><dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>5.0.0&l原创 2019-01-22 13:57:11 · 1023 阅读 · 0 评论 -
Bootstrap图文列表缩略图大小不一致问题
一.如果上传的图片大小不一致会有下图结果二.解决方案 方式一：给图片加上固定的宽高值<img src="/test.jpg" alt="..." width="100%" height="100px">解决了图片列表大小不一，排列错乱的问题，缺点：一是图片变形方式二：将图片按比例裁剪成固定像素宽高的图片网上插件很多，我用的是jQThumb 1.引入插件...原创 2019-01-28 08:24:01 · 8591 阅读 · 1 评论