我正在嘗試使用此代碼 https://codepen.io/Navedkhan012/pen/owdxWg 使用引導程序 4 在我的 codeigniter 網站中顯示圖像。您可以看到上面演示中的所有圖像都水平顯示，但在我的上面代碼顯示垂直如下圖。 我的模態代碼如下所示，我正在嘗試使用它。    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen"><script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script><!-- The Modal -->  <div class="modal fade" id="myModal">    <div class="modal-dialog modal-lg">      <div class="modal-content">        <!-- Modal Header -->        <div class="modal-header">          <h4 class="modal-title">Modal Heading</h4>          <button type="button" class="close" data-dismiss="modal">&times;</button>        </div>        <!-- Modal body -->        <div class="modal-body" sytle ="background-color:black;">     <div class="container">    <div class="row">        <div class='list-group gallery'>            <div class='col-sm-4 col-xs-6 col-md-3 col-lg-3'>                <a class="thumbnail fancybox" rel="ligthbox" href="http://placehold.it/300x320.png">                    <img class="img-responsive" alt="" src="http://placehold.it/320x320" />                    <div class='text-right'>                        <small class='text-muted'>Image Title</small>                    </div> <!-- text-right / end -->                </a>            </div> <!-- col-6 / end -->            <div class='col-sm-4 col-xs-6 col-md-3 col-lg-3'>                <a class="thumbnail fancybox" rel="ligthbox" href="http://placehold.it/300x320.png">                    <img class="img-responsive" alt="" src="http://placehold.it/320x320" />                    <div class='text-right'>                        <small class='text-muted'>Image Title</small>                    </div> <!-- text-right / end -->                </a>讓我知道是否有人可以糾正我。謝謝！