web-dev-qa-db-ja.com

統合Bootstrap

Codeigniter Webでbootstrapを使用しようとしていますが、bootstrapファイルが見つかりません

<!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_url（）によって生成されたパスをチェックしましたが、正しいです。

phptwitter-bootstrapcodeigniter
12
AFS

cIはbootstrapフォルダーをapplicationとして理解しているため、controllerフォルダーをルートの場所に移動しますが、アプリケーションフォルダーは/application/.htaccessファイル

|-
   |-application
   |-bootstrap

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

コントローラーにcodeigniter urlヘルパーを含めることを忘れないでください
$ this-> load-> helper（ 'url'）;

3
lightup

ここに私が見つけた最高のガイドがあります： CIにbootstrapを含める方法

要するに：

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

ここで共有するだけで、フォルダを手動で結合する必要がなくなります。 githubから提供されるこのパッケージを定期的に使用して、新しいプロジェクトをコミットしました。もちろん、物事を機能させるにはapplication/config/config.phpを変更する必要があります！

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

乾杯！

1
William Kheng

  1. Codeigniterルートにフォルダー（アセット）を直接作成します（アプリケーションフォルダーと同じレベル）

  2. bootstrap=ファイルをそのフォルダーに貼り付けます

  3. ビューファイルにリンクコードを追加する

    <link type="text/css" href="<?= base_url(); ?>assets/bootstrap.min.css" rel="stylesheet">

  4. この行をコントローラーファイルに追加します application/cotrollers/test.php

    <?php
class Test extends CI_Controller {

public function index()
  {
   $this->load->helper('url'); // Load url links
   $this->load->view('index'); //Load view page
  }

}
?>
  5. ビューでbootstrapクラスを使用できます
1
Senthoo
  1. オフラインで作業する場合は、インターネットからBootstrapファイルをダウンロードします
  2. 解凍して名前を変更し、ルートフォルダーにコピーします。アプリケーションフォルダに配置すると、.htaccessはアクセスを許可しません。

  3. 次のコード行のようなリンクを追加します。

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