README

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

安装

通过以下方式安装此扩展是首选方法：composer.

运行以下命令之一：

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

或者在您的composer.json文件的require部分添加以下内容：

"hosannahighertech/yii2-light-bootstrap": "*"

to the require section of your composer.json file.

使用方法

扩展安装完成后，您只需将其按需添加到布局代码中即可。以下是一个示例，您可以将其复制并粘贴到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">

    <?= \hosannahighertech\lbootstrap\widgets\SideBar::widget([
        'bgImage'=>'@web/img/sidebar-5.jpg', //Don't define it if there is none
        'header'=>[
            'title'=>'Hosanna is Great!',
            'url'=>['/default/index']
        ],
        'links'=>[
            ['title'=>'Some URL', 'url'=>['/controller/action'], 'icon'=>'users']
        ]
    ]) ?>
    
    <div class="main-panel">
		 <?= \hosannahighertech\lbootstrap\widgets\NavBar::widget([
				'theme'=>'red',
				'brand'=>[
					'label'=>'Nasafiri'
				],
				'links'=>[
					['label' => 'Home', 'url' => ['/site/index']],
					['label' => 'About', 'url' => ['/site/about']],
				],
			]) ?>
                
		<div class="content">
			<div class="container-fluid">
				<?= $content ?>
			</div>
		</div>

        <footer class="footer">
            <div class="container-fluid">
                <nav class="pull-left">
                    <ul>
                        <li>
                            <a href="#">
                                Home
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                Company
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                Portfolio
                            </a>
                        </li>
                        <li>
                            <a href="#">
                               Blog
                            </a>
                        </li>
                    </ul>
                </nav>
                <p class="copyright pull-right">
                    &copy; <?= date('Y') ?> <a href="http://www.creative-tim.com">Creative Tim</a>, made with love for a better web
                </p>
            </div>
        </footer>

    </div>
</div>

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

###待办事项清单

将页脚转换为小部件
将面板转换为带有侧边栏、导航栏、内容和页脚属性的容器小部件。

hosannahighertech / yii2-light-bootstrap

维护者

详细信息

README

安装

使用方法