2013-01-24 18 views
0

爲Bootstrap的傳送帶建立一個簡單的模板時,缺少「>」符號。您可以輕鬆地發現them in the documentation。我必須在什麼地方提供它們嗎?如果是,如何以及在哪裏? 下面的代碼:Bootstrap Carousel:數據幻燈片符號丟失

<!DOCTYPE html> 
<html lang='de'> 
    <head> 
    <meta charset='utf-8' /> 
    <title>XX</title> 
    <meta content='' name='keywords' /> 
    <meta content='' name='description'> 
     <!-- Le HTML5 shim, for IE6-8 support of HTML elements --> 
     <!--[if lt IE 9]> 
     <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
     <![endif]--> 
    </meta> 
    <link href='css/bootstrap.min.css' rel='stylesheet' /> 
    <!-- Le fav and touch icons --> 
    <link href='img/favicon.ico' rel='shortcut icon' /> 
    <link href='css/bootstrap.min.css' media='screen' rel='stylesheet' /> 
    </head> 
    <body> 
    <div class='container'> 
     <div class='carousel slide' id='myCarousel'> 
     <div class='carousel-inner'> 
      <div class='active item'> 
      <a href='#'> 
       <img src='img/slide-01.jpg' /> 
      </a> 
      <div class='carousel-caption'> 
       <p class='lead'> 
       XX 
       </p> 
       <a class='btn btn-large btn-primary' href='#'> 
       XX 
       </a> 
      </div> 
      </div> 
      <div class='item'> 
      <a href='#'> 
       <img src='img/slide-02.jpg' /> 
      </a> 
      <div class='carousel-caption'> 
       <p class='lead'> 
       XX 
       </p> 
       <a class='btn btn-large btn-primary' href='#'> 
       XX 
       </a> 
      </div> 
      </div> 
     </div> 
     <a class='carousel-control left' data-slide='prev' href='#myCarousel'></a> 
     <a class='carousel-control right' data-slide='next' href='#myCarousel'></a> 
     </div> 
    </div> 
    </body> 
    <script src='http://code.jquery.com/jquery-latest.js'></script> 
    <script src='js/bootstrap.min.js'></script> 
    <script type='text/javascript'> 
    //<![CDATA[ 
     !function ($) { 
     $(function(){ 
      var $window = $(window) 
      $('#myCarousel').carousel('') 
     }) 
     }(window.jQuery) 
    //]]> 
    </script> 
</html> 

回答

2

這裏的工作旋轉木馬,讓你開始:http://jsfiddle.net/panchroma/VuSqQ/

注意,滑動控件指定字符的箭頭

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

祝你好運!

+0

謝謝,這是做到了。有時候我需要我的橡皮鴨。 –

+0

...我有幾個,我會給你發一個我的;) –

相關問題