bootstrap3 画像を並べるとサイズが合わない

Question

###前提・実現したいこと
いつもお世話になっております。

bootstrap3を使って、パネル的？なページを作成しています。
幅が400pxの画像を３つ、1200pxの画像を１つで、
イメージではぴったりはまる予定でしたが、どうしてもできず・・・

1200pxの画像が、どうしても少し右にはみでます。
画像の大きさを細工して、width指定を変えてもダメで・・・

何か方法はありませんでしょうか？

参考になるサイトや検索キーワードでも構いませんので、
何か手がかりをご教授お願いします。

###発生している問題・エラーメッセージ

###該当のソースコード

.flex{
	display: flex;
	flex-wrap: wrap;
}
.img-flex {
	/* display: -webkit-flex; */
	display: flex;
	justify-content: center;
}
.o-3column .col-xs-4 { padding: 0;}
.o-3column .col-xs-12 { padding: 0;}




	<div class="container">
		<div class="row o-3column flex">
			<div class="col-xs-4"><img src="img/gazo1.png" width="400" height="250" class='img-responsive'></div>
			<div class="col-xs-4"><img src="img/gazo1.png" width="400" height="250" class='img-responsive'></div>
			<div class="col-xs-4"><img src="img/gazo1.png" width="400" height="250" class='img-responsive'></div>
			<div class="col-xs-12"><img src="img/big0.png" class='img-responsive center-block' style="margin: 0;padding: 0"></div>
			<div class="col-xs-4"><img src="img/gazo1.png" width="400" height="250" class='img-responsive'></div>
			<div class="col-xs-4"><img src="img/gazo1.png" width="400" height="250" class='img-responsive'></div>
			<div class="col-xs-4"><img src="img/gazo1.png" width="400" height="250" class='img-responsive'></div>
		</div>
	</div>

###試したこと
1200pxの画像のタグに、width=99%指定したり、
実際の画像の幅を1190pxにしたり・・・

###補足情報(言語/FW/ツール等のバージョンなど)
bootstrap3

Comments

[karamarimo]

問題が再現できません。 https://jsfiddle.net/karamarimo/Lsmmz70n/

[tsuru0508]

ありがとうございます。また、再現して頂き、ありがとうございます。何か違うところのタグなり、CSSが影響しているのかもしれません。今一度、チェックしてみます。

Answer 1

karamarimoさまが実施して頂き、再現されないとのことなので、
今一度、違う箇所ものソースもみてみます。

お騒がせしました。

また、ありがとうございました。