0

我目前正在 Twitter Bootstrap 中创建登录页面，但遇到了问题。该行中包含的行和跨度正在被内容填充。它们每个的高度都是 1px。

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>

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

4

2 回答 2

0

尝试<div class="row-fluid"> 代替<div class="row">

于 2013-02-13T05:08:29.343 回答
0

好吧，您已经搞砸了整个引导程序代码，最好的做法是在不同的 css 文件中编写自定义样式，而不是将它们包含在引导程序主 css 中。

尝试这个 -

请使用默认样式 -

<head>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrapcombined.min.css" rel="stylesheet">
 </head>

  <div class="container">
  <div class="row">
  <div class="span4">
  <h2>Heading</h2>
   <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
  <p><a class="btn" href="#">View details »</a></p>
</div>
     <div class="span6">
     <!--  Carousel code here-->



     <!-- end carousel -->
   </div>
   </div>
   </div>
于 2013-02-13T05:16:26.657 回答