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