Bootstrap CSSファイルのアイコンがオフライン時にロードされない

datetime pickerがあります。ページにアイコンが表示されません。しかし、ローカルのbootstrap.cssから行（コメントアウト）を無効にすると、http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.cssからのハイパーリンクbootstrap.cssが完全に機能します。なぜ？私はオフラインに使用したローカルのCSSファイルにしたい、私はオンラインCSSのレンダリングしたくない。ここ私のコード：Bootstrap CSSファイルのアイコンがオフライン時にロードされない

<link href="css/bootstrap.css" rel="stylesheet"/> 
    <link href="css/bootstrap-datetimepicker.css" rel="stylesheet"/> 

    <script src="js/jquery.js" type="text/javascript"></script> 
    <script src="js/moment.min.js" type="text/javascript"></script> 
    <script src="js/bootstrap.js" type="text/javascript"></script> 
    <script src="js/bootstrap-datetimepicker.min.js" type="text/javascript"></script> 


<script src="js/bootstrap-datetimepicker.min.js" type="text/javascript"></script> 
<title></title> 
    </head> 
    <body> 
     <form id="form1" runat="server"> 
     <div class="container"> 
     <div class="row"> 
      <div class='col-sm-6'> 
       <div class="form-group"> 
        <div class='input-group date' id='datetimepicker1'> 
         <input type='text' data-date-format="MM/DD/YYYY HH:mm" class="form-control" /> 
         <span class="input-group-addon"> 
          <span class="glyphicon glyphicon-calendar"></span> 
         </span> 
        </div> 
       </div> 
      </div> 
      <script type="text/javascript"> 
       $(function() { 
        $('#datetimepicker1').datetimepicker(); 
       format : 'MM/DD/YYYY' 
       }); 
      </script> 
     </div> 
    </div> 
     </form> 
    </body> 
    </html>

ので、その作業が

<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/>

、このラインを持つ場合、私はCSSは、私はオフラインで使用することをダウンロードしましたが、それは動作していません。は、ブートストラップ

ブートストラップのフォルダ構造が提供するフォントを含むフォルダ内のブートストラップパッケージのすべての内容

出典

2016-08-26 Bcktr

同じバージョンのブートストラップcssとjsを使用していることを確認してください。 –

はあなたの問題を解決しましたか？ – Aravind

それは解決しました。どうもありがとう！私はすべてのブートストラップマスターを置かれました。しかし、私はリストのフォルダがすべてのフォルダから必要とされているものを知りませんか？しかし大丈夫です。 – Bcktr

場所は、あなたがFontフォルダを含めていない

bootstrap/ 
    ├── css/ 
    │ ├── bootstrap.css 
    │ ├── bootstrap.css.map 
    │ ├── bootstrap.min.css 
    │ ├── bootstrap.min.css.map 
    │ ├── bootstrap-theme.css 
    │ ├── bootstrap-theme.css.map 
    │ ├── bootstrap-theme.min.css 
    │ └── bootstrap-theme.min.css.map 
    ├── js/ 
    │ ├── bootstrap.js 
    │ └── bootstrap.min.js 
    └── fonts/ 
     ├── glyphicons-halflings-regular.eot 
     ├── glyphicons-halflings-regular.svg 
     ├── glyphicons-halflings-regular.ttf 
     ├── glyphicons-halflings-regular.woff 
     └── glyphicons-halflings-regular.woff2

のようなものです、ありがとう助けてください。ちょうどその時あなたは、必ずCSSスタイルシートをダウンロードするだけでなく、glypiconsがそれに含まれて作るが公式サイトからの全体の全体のブートストラップパッケージをダウンロードし、同じフォルダ構造を維持し、その後

<link href="bootstrap/css/bootstrap.css" rel="stylesheet"/>

出典

2016-08-26 07:02:28

こんにちは私はそのファイルを追加されましたが、動作していません。 Finnaly私はマスターフォルダのブートストラップをすべてコピーしていましたが、実際にはフォルダが何で必要なのかは分かりません。前もって感謝します！ – Bcktr

としてCSSファイルを含めますそれはフォントフォルダが付属しています、そのフォルダをboostrapのCSSと同じディレクトリに置きます。

出典

2016-08-26 07:03:32

Bootstrap CSSファイルのアイコンがオフライン時にロードされない

答えて

関連する問題