0

現在、Twitter Bootstrap でランディング ページを作成していますが、問題が発生しました。行とその行に含まれるスパンは、コンテンツで満たされています。それぞれの高さは 1 ピクセルです。

http://www.landing.xeonweb.com.au - URL です

以下はコードです：

 <!-- 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 に答える