自己用用bootsrap試著寫(xiě)了一個(gè)網(wǎng)頁(yè)，卡片列表用的是bootstrap的container類(lèi)和 row類(lèi)，加入了8，9個(gè)div，然后排列就出錯(cuò)了?。?！如下圖所示：卡片列表對(duì)應(yīng)的代碼如下： <!--?skill?card?--> <div?class="container?up-blank"> ????<div?class="row"> ????????<div?class="col-sm-4?col-md-3"> ????????????<div?class="thumbnail"> ????????????????<div?class="caption"> ????????????????????<img?class="thumbnail-image"?src="images/logo/signed_logo_brod.png"> ????????????????????<h3>佬鐵會(huì)</h3> ????????????????????<p>一個(gè)自由的技能共享平臺(tái)</p> ????????????????????<p> ????????????????????????<a?href="#"?class="btn?btn-primary"?role="button">入會(huì)</a> ????????????????????????<a?href="#"?class="btn?btn-default"?role="button">收藏</a> ????????????????????</p> ????????????????</div> ????????????</div> ????????</div> ????????<div?class="col-sm-4?col-md-3"> ????????????<div?class="thumbnail"> ????????????????<div?class="caption"> ????????????????????<img?class="thumbnail-image"?src="photo/master/20170729/thumbnail/IMG_20170510_114644.jpg"> ????????????????????<h3>海報(bào)制作</h3> ????????????????????<p>利用Photoshop輕松制作有設(shè)計(jì)感的海報(bào)</p> ????????????????????<p> ????????????????????????<a?href="#"?class="btn?btn-primary"?role="button">入會(huì)</a> ????????????????????????<a?href="#"?class="btn?btn-default"?role="button">收藏</a> ????????????????????</p> ????????????????</div> ????????????</div> ????????</div> ????????<div?class="col-sm-4?col-md-3"> ????????????<div?class="thumbnail"> ????????????????<div?class="caption"> ????????????????????<img?class="thumbnail-image"?src="images/START%20NOW.jpg"> ????????????????????<h3>鐵鐵日記</h3> ????????????????????<p>桃之夭夭，灼灼其華。</p> ????????????????????<p> ????????????????????????<a?href="#"?class="btn?btn-primary"?role="button">入會(huì)</a> ????????????????????????<a?href="#"?class="btn?btn-default"?role="button">收藏</a> ????????????????????</p> ????????????????</div> ????????????</div> ????????</div> ????????<div?class="col-sm-4?col-md-3"> ????????????<div?class="thumbnail"> ????????????????<div?class="caption"> ???????????????????<img?class="thumbnail-image"?src="images/%E4%BD%AC-%E6%8E%A8%E9%80%81.jpg"> ????????????????????<h3>LOGO</h3> ????????????????????<p>LOGO設(shè)計(jì)</p> ????????????????????<p> ????????????????????????<a?href="#"?class="btn?btn-primary"?role="button">入會(huì)</a> ????????????????????????<a?href="#"?class="btn?btn-default"?role="button">收藏</a> ????????????????????</p> ????????????????</div> ????????????</div> ????????</div> ????????<div?class="col-sm-4?col-md-3"> ????????????<div?class="thumbnail"> ????????????????<div?class="caption"> ????????????????????<img?class="thumbnail-image"?src="photo/master/20170729/thumbnail/img-086fa14e7cf24bc250b7186cf06d0911.jpg"> ????????????????????<h3>Crossdress</h3> ????????????????????<p>程序員的cosplay亞文化</p> ????????????????????<p> ????????????????????????<a?href="#"?class="btn?btn-primary"?role="button">入會(huì)</a> ????????????????????????<a?href="#"?class="btn?btn-default"?role="button">收藏</a> ????????????????????</p> ????????????????</div> ????????????</div> ????????</div> ????????<div?class="col-sm-4?col-md-3"> ????????????<div?class="thumbnail"> ????????????????<div?class="caption"> ????????????????????<img?class="thumbnail-image"?src="images/%E9%93%81%E9%93%81%E6%97%A5%E8%AE%B0%20%E7%8E%8B%E8%80%85%E8%8D%A3%E8%80%80.jpg"> ????????????????????<h3>王者榮耀</h3> ????????????????????<p>王者學(xué)霸帶飛</p> ????????????????????<p> ????????????????????????<a?href="#"?class="btn?btn-primary"?role="button">入會(huì)</a> ????????????????????????<a?href="#"?class="btn?btn-default"?role="button">收藏</a> ????????????????????</p> ????????????????</div> ????????????</div> ????????</div> ????????<div?class="col-sm-4?col-md-3"> ????????????<div?class="thumbnail"> ????????????????<div?class="caption"> ????????????????????<img?class="thumbnail-image"?src="photo/master/20170729/thumbnail/img-f9b9bb770096492348cc514050a9041b.jpg"> ????????????????????<h3>WLOP板繪</h3> ????????????????????<p>美哭了！</p> ????????????????????<p> ????????????????????????<a?href="#"?class="btn?btn-primary"?role="button">入會(huì)</a> ????????????????????????<a?href="#"?class="btn?btn-default"?role="button">收藏</a> ????????????????????</p> ????????????????</div> ????????????</div> ????????</div> ????????<div?class="col-sm-4?col-md-3"> ????????????<div?class="thumbnail"> ????????????????<div?class="caption"> ????????????????????<img?class="thumbnail-image"?src="photo/master/20170729/thumbnail/img-160342706af9d524829db6d265e2a96e.jpg"> ????????????????????<h3>PC游戲開(kāi)發(fā)</h3> ????????????????????<p>和陳星漢一起走進(jìn)游戲開(kāi)發(fā)的世界</p> ????????????????????<p> ????????????????????????<a?href="#"?class="btn?btn-primary"?role="button">入會(huì)</a> ????????????????????????<a?href="#"?class="btn?btn-default"?role="button">收藏</a> ????????????????????</p> ????????????????</div> ????????????</div> ????????</div> ????</div> </div>求救啊..