为什么我的三栏简介不水平分布而是垂直分布的

<div class="container summary">

<div class="row" 

id="summary-container">

<div class="col-md-4">

<img class="img-circle" src="img/chrome-logo-small.jpg" alt="chrome">

           <h2>Chrome</h2>

           <p>Google Chrome，又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器。</p>

           <p><a class="btn btn-default" href="#" role="button">点我下载</a></p>

</div>

<div class="col-md-4">

<img class="img-circle" src="img/firefox-logo-small.jpg" alt="firefox">

<h2>firefox</h2>

       <p>Mozilla Firefox，中文名通常称为“火狐”或“火狐浏览器”，是一个开源网页浏览器。</p>

           <p><a class="btn btn-default" href="#" role="button">点我下载</a></p>

</div>

<div class="col-md-4">

<img class="img-circle" src="img/safari-logo-small.jpg" alt="safari">

<h2>safari </h2>

<p>Safari，是苹果计算机的最新操作系统Mac OS X中的浏览器。</p>

           <p><a class="btn btn-default" href="#" role="button">点我下载</a></p>

</div>

</div>

</div>