自己用用bootsrap試著寫了一個網頁，卡片列表用的是bootstrap的container類和 row類，加入了8，9個div，然后排列就出錯了?。?！如下圖所示：卡片列表對應的代碼如下： <!--?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>佬鐵會</h3> ????????????????????<p>一個自由的技能共享平臺</p> ????????????????????<p> ????????????????????????<a?href="#"?class="btn?btn-primary"?role="button">入會</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>海報制作</h3> ????????????????????<p>利用Photoshop輕松制作有設計感的海報</p> ????????????????????<p> ????????????????????????<a?href="#"?class="btn?btn-primary"?role="button">入會</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">入會</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設計</p> ????????????????????<p> ????????????????????????<a?href="#"?class="btn?btn-primary"?role="button">入會</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">入會</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>王者學霸帶飛</p> ????????????????????<p> ????????????????????????<a?href="#"?class="btn?btn-primary"?role="button">入會</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">入會</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游戲開發</h3> ????????????????????<p>和陳星漢一起走進游戲開發的世界</p> ????????????????????<p> ????????????????????????<a?href="#"?class="btn?btn-primary"?role="button">入會</a> ????????????????????????<a?href="#"?class="btn?btn-default"?role="button">收藏</a> ????????????????????</p> ????????????????</div> ????????????</div> ????????</div> ????</div> </div>求救啊..