在我的导航栏中添加下拉按钮后,我的三个.col-md-4不会停留在同一行?

时间:2015-05-22 18:44:19

标签: html twitter-bootstrap button row

我的三列都在同一行,直到我添加了我的掺杂按钮?现在我的最后一列(.col-md-4)下行另一行,我没有更改任何填充(仍然每边15px)..我真的不明白发生了什么以及如何带来最后一列回到与前两个相同的行..

    <!-- NAVBAR -->
    <header id="header">
     <nav class="navbar navbar-default navbar-fixed-top">
<div class="navbar-inner">
  <div class="container-fluid">
    <div class="navbar-collapse collapse ">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home <span class="sr-only">(current)</span></a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Videos</a></li>
        <li><a href="#">Shop</a></li>
      </ul>
 <!--DROPDOWN -->     
     <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Contact us <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Media</a></li>
            <li><a href="#">Face to face</a></li>
          </ul>
        </li>
      </ul>
</div>
  </div>
  </div>
  </nav>
  <!--END NAVBAR -->

        <!--ARTICLE -->
<article class="container-fluid">
<div class="row-fluid">
<div class="col-md-4">
<img src="images/P1010471.JPG" width="280" height="209" alt="ocean view"/> 
<p>Lorem ipsum dolor sit amet, consectetur<br> 
  adipiscing elit, sed do eiusmod tempor<br> incididunt ut labore et dolore magna aliqua.<br> Ut enim ad minim veniam, quis nostrud<br> exercitation ullamco laboris nisi ut aliquip <br>ex ea commodo consequat. </p>
<a href="#">...Learn more</a>
</div>

<div class="col-md-4">
<img src="images/995578_10152891250020352_1581509791_n.jpg" width="280" height="209" alt="catamaran"/> 
<p>Lorem ipsum dolor sit amet, consectetur<br> 
  adipiscing elit, sed do eiusmod tempor<br> incididunt ut labore et dolore magna aliqua.<br> Ut enim ad minim veniam, quis nostrud<br> exercitation ullamco laboris nisi ut aliquip <br>ex ea commodo consequat. </p>
<a href="#">...Learn more</a>
</div>

<div class="col-md-4">
<img src="images/P1010175.JPG" alt="couple" width="280" height="209">
<p>Lorem ipsum dolor sit amet, consectetur<br> 
  adipiscing elit, sed do eiusmod tempor<br> incididunt ut labore et dolore magna aliqua.<br> Ut enim ad minim veniam, quis nostrud<br> exercitation ullamco laboris nisi ut aliquip <br>ex ea commodo consequat. </p>
<a href="#">...Learn more</a>
</div>

</div>
</article>

1 个答案:

答案 0 :(得分:0)

也许关闭你的from bs4 import BeautifulSoup import nltk from urllib import urlopen import urllib import re url = 'http://www.nfl.com/player/tombrady/2504211/careerstats' html = urlopen(url).read() soup = BeautifulSoup(html) table = soup.find("table", { "summary" : "Career Stats In Rushing For Tom Brady" }) for row in table.findAll("tr", { "td" : "2014" }): cells = row.findAll("td") print cells[1] print cells[2] print cells[3] print cells[4] print cells[5] 标签?我没有看到它