0

何らかの理由で、プログレス バーのコードでは色が表示されません。たとえば、クラスを「バーの背景-紫」として配置すると、バーになりますが、クラスも紫にはなりません。バーの部分を切り取ると紫色になり、背景の紫色の部分を切り取ってもそのままです。コードとスクリーンショットを添付します。

ブートストラップ 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 に別の問題があるはずです。

ヘッダーなどのスニペットが必要な場合は、お知らせください。ありがとう!

アップデート!!

エラーGoogle Chromeが私に与えます!

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