Bootstrap3
cakephp3

cakephp3にbootstrap適用

composerを使い、bootstrap-uiをインストール

bootstrap-ui

composer require friendsofcake/bootstrap-ui

プログラム修正

config/bootstrap.php
// bootstrapUIを使用
Plugin::load('BootstrapUI');

UIViewを継承する
初期化で親のメソッドを呼び出す

src\View\AppView.php
use BootstrapUI\View\UIView;

class AppView extends UIView
{
    public function initialize()
    {
        parent::initialize();
    }
}

bootstrapとjqueryをインストールする

bootstrapは最新の4では動かないので、3をインストールする。

bower install bootstrap#3.3.7 --save
bower install jquery --save

cp bower_components/bootstrap/dist/css/* webroot/css/bootstrap/
cp bower_components/bootstrap/dist/js/* webroot/js/bootstrap/
cp bower_components/bootstrap/dist/fonts/* webroot/font/bootstrap/

ここまでだと表示がきれいではないので、用意されているレイアウト調整用ctpを読み込む

レイアウト調整用ビューを読み込む

cp vendor/friendsofcake/bootstrap-ui/src/Template/Layout/examples/* src/Template/Layout/TwitterBootstrap

ctpに下記を追加する。

<?php
$this->extend('/Layout/TwitterBootstrap/dashboard');
?>