奇米影视四色7777久久精品-奇米影视777在线观看一区-七草千岁在线-破产姐妹第二季在线观看天天美剧-国产精品视频铁牛tv-国产精品视频视频久久

0712-2888027 189-8648-0214
微信公眾號

孝感風信網絡科技有限公司微信公眾號

當前位置:主頁 > 技術支持 > HTML5/CSS3 > bootstrap柵格系統顯示5列的方法

bootstrap柵格系統顯示5列的方法

時間:2016-06-24來源:風信官網 點擊: 1820次
在 head  里加載 bootstrap 的 css 之后

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- 可選的Bootstrap主題文件(一般不用引入) -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- jQuery文件。務必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

自己再添加幾個 css class

<style>
.col-lg-2dot4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 1200px) {
.col-lg-2dot4 {
float: left;
}
.col-lg-2dot4 {
width: 20%;
}
.col-lg-pull-2dot4 {
right: 20%;
}
.col-lg-push-2dot4 {
left: 20%;
}
.col-lg-offset-2dot4 {
margin-left: 20%;
}
}
</style>

后需要顯示 5 列的地方應用這個 class 即可

<div class="col-lg-2dot4"></div>
<div class="col-lg-2dot4"></div>
<div class="col-lg-2dot4"></div>
<div class="col-lg-2dot4"></div>
<div class="col-lg-2dot4"></div>
熱門關鍵詞: bootstrap 柵格系統 顯示5列
欄目列表
推薦內容
熱點內容
展開
主站蜘蛛池模板: 欧美日韩亚洲精品国产色| 国产成人精品日本亚洲专| 日韩欧美一区二区三区| 国产精品国产三级国产专区不| 国产伦精品一区二区三区免费迷| 香蕉大视频在线播放持久| 亚洲欧美一区二区三区在线| 亚洲欧洲国产综合| youjizzcom最新中国| 欧美国产成人一区二区三区| 草久在线观看视频| 艹碰在线| 在线小视频| 精品亚洲一区二区三区| you jiz com亚洲| 日日人人| 国产视频网站在线| 欧美成人自拍视频| 变成黑皮辣妹后和朋友做| 成人欧美精品大91在线| 日韩久久精品一区二区三区| 天天干天天做天天操| 青青草一区| 国产中文字幕亚洲| 91视频综合| xl上s司| 日韩一区二区免费视频| 国产精品免费久久久免费| 日韩欧美亚洲视频| 日韩中文字幕视频在线观看 | 久草免费福利| 国产一区二区三区免费视频| 日本大臿亚洲香蕉大片| 99视频网址| 天天干天天操天天干| 同性女女黄h片在线播放| 青久视频| 91精品久久久久久久久久| 久久免费国产精品一区二区| 午夜香蕉网| 青梅竹马是消防员二季|