README

Tim Creative 开发的免费 Bootstrap 管理模板的 Yii2 扩展。更多详情请访问 https://www.creative-tim.com/product/light-bootstrap-dashboard

安装

安装此扩展的首选方式是通过 composer。

运行以下命令之一：

php composer.phar require --prefer-dist medre/yii2-light-bootstrap-v2 "*"

或者将以下内容添加到您的 composer.json 文件中的 require 部分。

"medre/yii2-light-bootstrap-v2": "*"

使用方法

安装扩展后，您可以在布局代码中按需使用它。以下是一个示例，您可以将其复制并粘贴到 Yii2 基础模板的 views/layouts/main.php 中。

<?php

/* @var $this \yii\web\View */
/* @var $content string */

use app\widgets\Alert;
use yii\helpers\Html;
use yii\widgets\Breadcrumbs;
use app\assets\AppAsset;

AppAsset::register($this);
?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
<head>
    <meta charset="<?= Yii::$app->charset ?>">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?= Html::csrfMetaTags() ?>
    <title><?= Html::encode($this->title) ?></title>
    <?php $this->head() ?>
</head>
<body>
<?php $this->beginBody() ?>

<div class="wrapper">

    <?= \medre\lbootstrap\widgets\SideBar::widget([
        'bgImage'=>'@web/img/sidebar-5.jpg', //Don't define it if there is none
        'header'=>[
            'title'=>'Sidebar Title',
            'url'=>['/default/index']
        ],
        'links'=>[
            ['title'=>'Some URL', 'url'=>['/controller/action'], 'icon'=>'users']
        ]
    ]) ?>
    
    <div class="main-panel">

        <?= \medre\lbootstrap\widgets\NavBar::widget([
            'theme'=>'default',
            'brand'=>[
                'label'=>'Menu'
            ],
            'links'=>[
                ['label' => 'Home', 'url' => ['/site/index']],
                ['label' => 'About', 'url' => ['/site/about']],
            ],
		]) ?>
                
        <div class="content">
            <div class="container-fluid">
                <?= $content ?>
            </div>
        </div>

        <?= medre\lbootstrap\widgets\Footer::widget(
            [
                'links' => [
                    ['label'=>'Home', 'url'=>'/', 'options'=>['target'=>'_blank']],
                    ['label'=>'Creative Tim', 'url'=>'http://www.creative-tim.com', 'options'=>['target'=>'_blank']],
                    ['label'=>'Medre', 'url'=>'http://www.medre.net', 'options'=>['target'=>'_blank']]
                 ],
                 'footer' => '&copy;'.date('Y').' <a href="http://www.creative-tim.com">Creative Tim</a>, made with love for a better web'
            ]
        ) ?>

    </div>
</div>

<?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>

medre / yii2-light-bootstrap-v2

维护者

详细信息

README

安装

使用方法