ブートストラップ3：スタイリングでセンタリングされた応答性のある画像

Question

私はスタイリッシュなレスポンシブな画像を中心に置こうとしていますが、動作しないようです。クラスを1つずつ削除した後、クラス「ポートイメージ」が応答性を壊しているようです。

私はイメージが700pxより大きくならないようにしたい、私はそれらの周りに明るい境界線を持ってほしいです。ここで

はコードです：これはばかな質問であれば

.portimage { 
max-width: 700px; 
border:1px solid lightgray; 
} 

申し訳ありません - ちょうど出始め：

<div class="row mtmini"> 
     <div class="col-lg-12"> 
      <img class="img-responsive center-block portimage" src="assets/img/CostcoSketch1-Home.jpg"> 
      <br> 
      <img class="img-responsive center-block portimage" src="assets/img/CostcoSketch2-Menu.jpg"> 
      <br> 
      <img class="img-responsive center-block portimage" src="assets/img/CostcoSketch3-CC.jpg"> 
     </div> 
</div> 

はここでクラス "portimage" のためのCSSです。私はこれを探してみましたが、センタリングと応答性を超えてイメージをスタイリングする解決策は見当たりません。前もって感謝します！

Answer 1

正常に動作するはずです。ブートストラップが正しく挿入されたCSSリンクがあるかどうか再確認してください。また、gulp/gruntのようなビルドツールを使用している場合は、ウォッチタスクを再起動してみてください。

また、 'mtmini'クラスは 'row' divにスタイルを追加していますか？