2015-04-22 2 views
8

Я пытаюсь использовать самозагрузки на CodeIgniter сети, но это выглядит как бутстраповские файлы не найденыИнтеграция Bootstrap на CodeIgniter

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Bootstrap 101 Template</title> 

    <!-- Bootstrap --> 
    <link href="<?php echo base_url('application/bootstrap/css/bootstrap.min.css');?>" rel="stylesheet"> 
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
    <!-- Include all compiled plugins (below), or include individual files as needed --> 
    <script src="<?php echo base_url('application/bootstrap/js/bootstrap.min.js');?>"></script> 

Я проверил пути, генерируемые base_u(), и это правильно ,

+1

Пожалуйста 'view source' вашей веб-страницы' ctrl + u' и увидеть, что файл включен или нет? а затем отредактируйте URL-адрес по мере необходимости .. То, что я делаю – Umair

+0

Файлы включены и правильные пути – AFS

+0

Если вы нажмете на ссылку этого файла из источника страницы и откроете файл, тогда он должен работать :) – Umair

ответ

12

движения bootstrap папку на корневом каталоге, поскольку CI понимают application папку как controller хотя папка применения ограничена из запроса клиента с помощью /application/.htaccess файла

|- 
    |-application 
    |-bootstrap 

//and use path as 
<?php echo base_url('bootstrap/css/bootstrap.min.css');?> 
+2

. Это самый правильный ответ. '.htaccess' внутри' application/'не позволит обслуживать контент из этой папки. – zedee

+0

Он работает, спасибо. – AFS

+0

еще лучше, если использовать версию CDN, чтобы использовать кеширование и ускорить процесс загрузки. – Raptor

1

Просто делиться здесь, так что вы нет необходимости объединять папки вручную , Я регулярно использовал этот пакет, предлагаемый github, для совершения новых проектов. Конечно, вам нужно будет изменить приложение/config/config.php, чтобы все получилось!

https://github.com/sjlu/CodeIgniter-Bootstrap

Ура!

1

Не забудьте включить в ваш контроллер код-помощник url ​​
$ this-> load-> helper ('url');

2

Вот лучший путеводитель я нашел до сих пор: How to include bootstrap in CI

Короче:

  1. Скачать самозагрузки

  2. Поместите его в папку активов на том же уровне, как папки приложений

  3. Также положить jquery

  4. Включить CSS в заголовке и JQuery в сноске шаблонах:

<html> 
    <head> 
     <title>CodeIgniter Tutorial</title> 
     <link rel="stylesheet" href="<?php echo base_url("assets/css/bootstrap.css"); ?>" /> 
    </head> 
    <body> 
     <h1>H_E_A_D_E_R</h1> 

и:

<hr/> 
<em>&copy; 2016</em> 
<script type="text/javascript" src="<?php echo base_url("assets/js/jquery-3.1.1.js"); ?>"></script> 
<script type="text/javascript" src="<?php echo base_url("assets/js/bootstrap.js"); ?>"></script> 
</body> 
</html> 
0
  1. загрузить файл bootsrap из Интернета, если вам хочу работать в оффлайне
  2. распаковать и переименовать и скопировать в корневую папку, если вы поместите его в папку приложения, то .htaccess не позволит ему получить доступ к
  3. оных ссылку, как в следующей строке кода

    <link href="<?php echo base_url('assets/css/bootstrap.min.css');?rel="stylesheet"> 
    
Смежные вопросы