0

由于某种原因，我的进度条代码不会显示颜色。例如，如果我将类设置为“bar background-purple”，它将使其成为条形，但也不会将其设为紫色。如果我取出条形部分，它将是紫色的，如果我取出背景紫色部分，它会保持不变。我将附上代码和屏幕截图。

使用引导程序 3。

顺便说一句，这与我在网站上显示颜色的不同页面上的代码相同。有任何想法吗？

         <div class="skill-container span8">
            <div class="row-fluid">

              <!-- BEGIN FIRST SKILL -->
              <div class="latest-skill first-skill skill-widget span6">
                <h4><i class="icon-bookmark"></i> Progress </h4>
                <div class="progress">
                  <div class="bar background-purple" data-score="85">
                      <span class="skill-title">HTML</span>
                      <span class="title-score"></span>
                  </div>
                </div><!-- .progress -->
                </div><!-- .progress -->
              </div><!-- .latest-skill .skill-widget -->
            </div><!-- row fluid -->            
          </div><!-- .skill-container --> 
        </div><!-- .big-element --> 
      </div><!-- .about .row -->

为了确保我没有错误地附加 CSS 文件，我从我的其他文档中复制并粘贴了标题。

http://gyazo.com/e8c19bd43f5e3b99f26d7a1b06a1d4ef.png

CSS 肯定还有其他问题，因为页面底部的图标没有居中，并且该代码也是从我的其他工作页面复制的。

如果您需要标题的片段等。请告诉我！谢谢！

更新！！

谷歌浏览器给我的错误！

GET http://localhost/js/jquery.min.map 404 (Not Found) public.php:15
Uncaught TypeError: Cannot read property 'offsetWidth' of null main.js:29

我包括的脚本：

<script type='text/javascript' src='js/jquery-1.9.1.min.js'></script> 
<script type='text/javascript' src='js/jquery.isotope.js'></script>
<script type="text/javascript" src="js/jquery.isotope-function.js"></script>
<script type='text/javascript' src='js/modernizr.js'></script>  
<script type='text/javascript' src='js/jquery.animateNumbers.js'></script> 
<script type='text/javascript' src='js/jquery.flexslider-min.js'></script> 
<script type="text/javascript" src="js/jquery.hoverflow.min.js"></script> 
<script type="text/javascript" src="js/jquery.scrollTo-1.4.3.1-min.js"></script> 
<script type="text/javascript" src="js/jquery.fitvids.js"></script> 
<script type="text/javascript" src="js/main.js"></script> 
<script type="text/javascript" src="js/sendmail.js"></script> 
<script type="text/javascript" src="js/welcome.js"></script>                                  
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript" src="js/maps.js"></script>
4

0 回答 0