Question

我有这样的代码

<?php
use yii\helpers\Url;
use yii\helpers\Html;
use yii\bootstrap\Dropdown;
/* @var $this yii\web\View */

?>
<div class="site-index">

    <div class="jumbotron">
        <h1>Selamat Datang!</h1>
        <p class="lead-lg-5">
            Aplikasi ini ditujukan untuk menampilkan <br>
            data-data dan statistik mahasiswa program Pascasarjana Universitas
        </p>
            <div class="col-md-12 school-options-dropdown text-center">
            <div class="dropdown btn-group"> <div class="btn btn-success btn-sm">
                <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pilih Tahun Periode<b class="caret"></b></a>
                    <?php
                        echo Dropdown::widget([
                        'items' => [
                                    ['label' => 'Periode 2001-2005', 'url' => '#'],
                                    ['label' => 'Periode 2006-2010', 'url' => '#'],
                                    ['label' => 'Periode 2011-2015', 'url' => 'index.php?r=site%2Findexumum'],

                                    ],
                        ]);
                    ?>
            </div>
            </div>
            </div>
    </div>

</div>

结果如下：

我想将按钮列表放在中心位置。我该怎么做才能解决这个问题？提前致谢我在

中制作了align="center"

<div class="dropdown btn-group" align="center">

但仍无效。

Answer 1

这比Yii更像是一个引导物。它可以用一点CSS来解决：

.dropdown {text-align:center;}
.button, .dropdown-menu {margin:10px auto}
.dropdown-menu {width:200px; left:50%; margin-left:-100px;}

Source

Yii2中的下拉按钮

1 个答案: