aタグが効かない

WordpressのPHPファイルに下記を記述しています。

html
1	<div class="container">
2		<div class="row">        
3                    
4                    <div class="col-md-6 col-sm-6 col-xs-12">                                        
5                        <a href="<?php echo home_url(); ?>"><img src="aaa.png" class="img-responsive" alt="こちらから" style="width:100%;margin-left:auto;margin-right:auto"  /></a>
6                    </div>
7                    
8                    <div class="col-md-6 col-sm-6 col-xs-12">
9                        <a href="<?php echo home_url(); ?>"><img src="bbb.png" class="img-responsive" alt="こちらから" style="width:100%;margin-left:auto;margin-right:auto" /></a>
10					</div>
11                    <div class="col-md-12 col-sm-12 col-xs-12">
12                        <a href="<?php echo home_url(); ?>"><img src="ccc.png" class="img-responsive" alt="こちらから" style="width:100%;margin-left:auto;margin-right:auto" /></a>
13					</div>
14                    
15		</div>
16	</div>

一番下のccc.pngに対するリンクは効くのですが、aaa.pngとbbb.pngのみリンクが効きません。
何か間違っているのでしょうか？
何故かbootstrapにてcol-xs-12が動作したとき(画像がすべて縦１列に並んだとき)だけリンクが効きます。。
私の作業しているブラウザはFireFoxですが、他のブラウザで見てもダメでした。
どなたかご教授頂ければと思います。宜しくお願い致します。