国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

bootstrap3教程之bootstrap顯示5列的方法

2024-07-11 08:36:47
字體:
來源:轉載
供稿:網友

bootstrap是個好東西,對于CSS不是很熟悉的同學可以用它快速的做個不丑的網站。

但是bootstrap是個12柵格的系統,顯示5列比較麻煩,今天我也剛好有這個需求,就稍微研究了下,并且成功了。具體的做法是:

在 head  里加載 bootstrap 的 css <link href="http://cdn.staticfile.org/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> 之后

自己再添加幾個 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 即可

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阳朔县| 永德县| 周至县| 湟中县| 民丰县| 梅州市| 平南县| 梁平县| 喀喇沁旗| 辽宁省| 泸溪县| 建始县| 阜南县| 西丰县| 东平县| 惠东县| 广州市| 无极县| 东乡族自治县| 菏泽市| 高雄县| 师宗县| 奉新县| 凤山市| 关岭| 吉木萨尔县| 朔州市| 钟祥市| 海原县| 牡丹江市| 霸州市| 峨山| 伊川县| 皮山县| 阳新县| 梅河口市| 宣威市| 泾川县| 鸡东县| 定边县| 东宁县|