오프라인 상태에서 부트 스트랩 css 파일의 아이콘이로드되지 않습니다.

datetime picker가 있습니다. 페이지에 아이콘이 나타나지 않습니다. 하지만 로컬 bootstrap.css에서 줄 바꿈을 해제하면 http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css에서 하이퍼 링크 bootstrap.css를 추가하여 완벽하게 작동합니다. 왜? 오프라인으로 사용하는 로컬 CSS 파일을 원한다면 온라인 CSS 렌더링을 원하지 않습니다. 여기 내 코드 :오프라인 상태에서 부트 스트랩 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가 나는 오프라인에 사용되는 다운로드되었지만 작동하지. 당신이 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

처럼

출처

2016-08-26 Bcktr

동일한 버전의 부트 스트랩 css와 js를 사용하고 있는지 확인하십시오. –

문제가 해결 되었습니까? – Aravind

그래, 해결 됐어. 많은 감사합니다! 나는 모든 부트 스트랩 마스터를 배치했다. 하지만 목록 폴더가 모든 폴더에서 필요하다는 것을 모릅니다. 하지만 괜찮아. – Bcktr

장소

부트 스트랩 폴더 구조를 부트 스트랩에 의해 제공되는 글꼴을 포함 폴더에 부트 스트랩 패키지의 모든 내용은, 감사합니다 제발 도와주세요. 그냥 확인이 공식 사이트에서 전체 전체 부트 스트랩 패키지를 다운로드하고 같은 폴더 구조를 유지하고

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

출처

2016-08-26 07:02:28

안녕하세요, 그 파일을 추가했지만 작동하지 않습니다. Finnaly 나는 모든 마스터 폴더 부트 스트랩을 복사하고 작동하지만 실제로 어떤 폴더가 필요한지는 잘 모릅니다. 미리 감사드립니다. – Bcktr

으로 CSS 파일을 포함해야합니다 당신뿐만은 CSS 스타일 시트를 다운로드뿐만 아니라 glypicons는 때를 함께 포함 그것은 폰트 폴더와 함께 제공됩니다, 그 폴더를 boostrap css와 같은 디렉토리에 넣으십시오.

출처

2016-08-26 07:03:32

오프라인 상태에서 부트 스트랩 css 파일의 아이콘이로드되지 않습니다.

답변

관련 문제