bootstrapのグリッドシステム（col~）が機能しません。

Question

bootstrapのグリッドシステムが機能せず、困っています。
一枚目の画像のように、col-md-6 col-lg-4を指定しているのですが機能していないようです。
二枚目はプレビューです。
本来であれば、この画面サイズだと画像が二枚横並びになるはずなのですが、なぜか一枚で表示されています。
わかる方おりましたらご教授願いたいです。

Answer 1

img要素は標準でinline-block要素なので、横幅の指定が必要になります。
一度img要素をコメントアウトした状態で確認してみてください。
質問のスクリーンショットを見る限り、画像以外の要素（テキスト）にはcol-md-6のスタイルが効いているように見えます。
コメントアウトした状態で2段の横並びになるようであれば、img要素に対して、横幅がレスポンシブになるスタイルをあてることが必要になります。