2

У меня есть сборщик данных, проблема заключается в том, что на странице не отображается значок. Но если я отключу строку (закомментирую) из локального bootstrap.css, то добавьте гиперссылку bootstrap.css от http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/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, то я использовал для отключенных, но он не работает. Пожалуйста, помогите Спасибо,

+0

Убедитесь, что вы используете ту же самую версию bootstrap css и js. –

+0

Ваша проблема решена? – Aravind

+0

Хорошо, он решил. Большое спасибо! Меня поместили все мастера начальной загрузки. Но я не знаю, что папка списка требуется только из любой папки? Но все в порядке. – Bcktr

ответ

2

Поместите все содержимое пакета начальной загрузки в папке, включая шрифты, предоставляемые самонастройки

структуру папок самозагрузки, как

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 

вы не включили в папку Font. Просто скачайте весь весь пакет самозагрузки оттуда официального сайта и сохранить структуру папок же, а затем включить файл CSS, как

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

Привет, я добавил этот файл, но не работал. Finnaly я скопировал всю основную папку bootstrap, и она работает, но я действительно не знаю, что именно нужно папке. Заранее спасибо! – Bcktr

0

Убедитесь, что вы не только скачать таблицы стилей CSS, но и glypicons в комплекте с ним, когда вас donwload boostrap, он поставляется с папкой шрифтов, помещает эту папку в ту же директорию, что и boostrap css.