Zintegruj Bootstrap na CodeIgniter

Próbuję użyć bootstrap w internecie CodeIgniter ale wygląda bootstrap pliki nie znajdująZintegruj Bootstrap na 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>

Sprawdziłem ścieżki wygenerowane przez base_url() i to są prawidłowe .

Źródło

2015-04-22 AFS

proszę 'wyświetl źródło' strony internetowej przez' ctrl + u' i sprawdź, czy plik jest uwzględniony czy nie? a następnie dostosuj URL w razie potrzeby .. Tak jak robię – Umair

Pliki są uwzględniane, a ścieżki są poprawne – AFS

Jeśli klikniesz na ten link pliku ze strony Źródło strony i plik się otworzy, to powinno działać :) – Umair

ruch bootstrap folder na miejscu głównego, ponieważ CI jest zrozumienie application folder jako controller chociaż folderze aplikacji jest ograniczony od żądania klienta przez /application/.htaccess pliku

|- 
    |-application 
    |-bootstrap 

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

Źródło

2015-04-22 10:28:23 Girish

To jest najodpowiedniejsza odpowiedź. '.htaccess' wewnątrz' application/'nie zezwala na wyświetlanie zawartości z tego folderu. – zedee

Działa, dziękuję. – AFS

jeszcze lepiej, jeśli można korzystać z wersji CDN, aby przyspieszyć proces buforowania i przyspieszyć ładowanie. – Raptor

Wystarczy dzielenie się tutaj tak, że nie ma potrzeby, aby połączyć foldery ręcznie . Użyłem tego pakietu regularnie oferowanego przez github, aby zatwierdzać nowe projekty. Oczywiście będziesz musiał zmodyfikować aplikację/config/config.php, aby wszystko działało!

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

Cheers!

Źródło

2015-04-22 10:46:19

Nie zapomnij o włączeniu pomocnika uroku kodu w swoim kontrolerze
$ this-> load-> helper ('url');

Źródło

2016-03-07 09:52:59 lightup

Oto najlepszy przewodnik znalazłem do tej pory: How to include bootstrap in CI

W skrócie:

Pobierz bootstrap
umieścić go w folderze aktywów, na tym samym poziomie co folderu aplikacji
Umieścić jquery
Include CSS w nagłówku i jQuery w stopce szablonów:

<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>

oraz:

<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>

Źródło

2016-10-08 20:40:18 ACV

pobrać plik bootsrap z internetu jeśli ciebie chcesz pracować offline
rozpakować i zmienić nazwę i skopiować do folderu głównego, jeśli umieścić go w folderze aplikacji następnie .htaccess nie pozwoli na to, aby być dostępne

dodawania link jak następującej linii kodu

<link href="<?php echo base_url('assets/css/bootstrap.min.css');?rel="stylesheet">

Źródło

2017-03-25 18:56:28

Odpowiedz

Powiązane problemy