html - Twitter Bootstrap - Row Div 和 Span Div 1px 大小

Question

我目前正在 Twitter Bootstrap 中创建登陆页面，但遇到了问题。该行和该行中包含的跨度是由内容填充的。它们的高度均为 1 像素。

http://www.landing.xeonweb.com.au - 是网址

代码如下:

 <!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet" media="all">
<link href="css/bootstrap-responsive.css" rel="stylesheet" media="all">




<!--Bootstrap Js-->
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

<div id="headerwrapper">
<div id="header" class="container">

   <div class="row">

     <div class="span5">
                <div id="logo">
                    <img src="../img/logo.png" alt="Barrier Reef Pools Newcastle">
                </div>

                <div id="contactbutton">
                    <button class="btn btn-large btn-block btn-success" type="button">Contact Us</button>
                </div>

     </div>


   <div class="span5">


   <div id="myCarousel" class="carousel slide">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="item"><img src="img/majestichead.jpg" alt="Majestic Range" /></div>
    <div class="active item"><img src="img/barrierhead.jpg" alt="Barrier Reef Range" /></div>
    <div class="item"><img src="img/indulgencehead.jpg" alt="Indulgence Range" /></div>

  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>

   </div>       

    <!--end Row-->  
        </div>      

<!--end Header-->       
  </div>            
<!-end Head wrap-->
</div>

标题没有响应我认为是因为这个吗？任何帮助将不胜感激。

Answer 1

尝试 <div class="row-fluid">而不是 <div class="row">