Yii2基本背景变化

Question

Im using bootstrap and Im trying to set a background image for the login screen.I try with div with id that catch all the things and set the background but didnt work .

Here my Login.php

<div id="bimg">
<div  class="site-login">
    <h1><?= Html::encode($this->title) ?></h1>

    <p>Please fill out the following fields to login:</p>



    <?php
    $form = ActiveForm::begin([
                'id' => 'login-form',
                'options' => ['class' => 'form-horizontal'],
                'fieldConfig' => [
                    'template' => "{label}
 <div class=\"center\"><div class=\"col-lg-3\">{input}</div>
<div class=\"col-lg-8\">{error}</div></div>",
                    'labelOptions' => ['class' => 'col-lg-1 control-label'],
                ],
    ]);
    ?>

    <?= $form->field($model, 'email')->textInput(['autofocus' => true, 'placeholder' => 'Write your email address']) ?>

    <?= $form->field($model, 'password')->passwordInput(['placeholder' => 'Write your password']) ?>

    <?=
    $form->field($model, 'rememberMe')->checkbox([
        'template' => "<div class=\"col-lg-offset-1 col-lg-3\">{input} {label}</div>
<div class=\"col-lg-8\">{error}</div>",
    ])
    ?>

    <div class="form-group">
        <div class="col-lg-offset-1 col-lg-11">
            <div>
                <?= Html::a(Yii::t("app", "Forgotten  password") . "?", ["/site/forgot"]) ?>
                <br>
            </div>
            <br>
            <?= Html::submitButton('Login', ['class' => 'btn btn-primary', 'name' => 'login-button']) ?>
        </div>
    </div>
    <?php ActiveForm::end(); ?>
</div>

and the class with path in bootstrap.css

#bimg{
width:100%;
background-image: url(../web/assets/css/images/5.jpg) !important;

}

Answer 1

In layouts-main.php controller->action->id == 'login') ? 'background-wrapper' : NULL ?>"> Check on which page u are , and if u are the page u want set the "class" u want