<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--支持移动设备优先--> <meta name="viewport" content="width=...
<div class="container"> <!--字体图标--> <span class="glyphicon glyphicon-tint"></span> <span class="glyphicon glyphicon-music"></span> ...
需求:如果是大屏幕 一行显示6列如果是中等屏幕 一行显示4列如果是小屏幕 一行显示3列如果是超小屏幕 一行显示2列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--支持移动设备优先--> <meta name="viewport" content="width=d...
<!--布局容器--> <div class="container-fluid"> <img src="images/1.jpg" class="img-responsive"> </div>图片随着浏览器大小的改变而改变<!--布局容器--> <di...
boostrap模板:<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta -equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c...
上面的btn-bg修改为btn-lg<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--支持移动设备优先--> <meta name="viewpor...
<div class="container" style="border: red solid 1px"> <!--无序列表--> <h2>中国四大名著</h2> <ul> <li>西游记</li> <li>...
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号