Bootstrap
Bootstrap
兮动人
世间味趣亦如此,万物且去轮浮生。
展开
-
bootstrap笔记(八)——表单样式和下拉菜单
<div class="container"> <!--字体图标--> <span class="glyphicon glyphicon-tint"></span> <span class="glyphicon glyphicon-music"></span> ...原创 2019-11-17 23:42:02 · 592 阅读 · 0 评论 -
bootstrap笔记(七)——表单样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--支持移动设备优先--> <meta name="viewport" content="width=...原创 2019-11-17 22:58:06 · 376 阅读 · 0 评论 -
bootstrap笔记(六)——列偏移与嵌套列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--支持移动设备优先--> <meta name="viewport" content="width=d...原创 2019-11-17 17:20:29 · 604 阅读 · 0 评论 -
bootstrap笔记(五)——栅格参数
需求:如果是大屏幕 一行显示6列如果是中等屏幕 一行显示4列如果是小屏幕 一行显示3列如果是超小屏幕 一行显示2列原创 2019-11-15 00:48:54 · 2463 阅读 · 0 评论 -
bootstrap笔记(四)——图片样式与栅格系统基本格式
<!--布局容器--> <div class="container-fluid"> <img src="images/1.jpg" class="img-responsive"> </div>图片随着浏览器大小的改变而改变<!--布局容器--> <di...原创 2019-11-14 15:56:39 · 797 阅读 · 0 评论 -
bootstrap笔记(三)——按钮样式
上面的btn-bg修改为btn-lg<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--支持移动设备优先--> <meta name="viewpor...原创 2019-11-14 02:40:33 · 358 阅读 · 0 评论 -
bootstrap笔记(二)——列表样式和表格样式
<div class="container" style="border: red solid 1px"> <!--无序列表--> <h2>中国四大名著</h2> <ul> <li>西游记</li> <li>...原创 2019-11-14 01:54:42 · 696 阅读 · 0 评论 -
bootstrap笔记(一)——布局容器和排版样式
boostrap模板:<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c...原创 2019-11-13 17:10:40 · 853 阅读 · 0 评论