为什么我的下拉列表不能居中? [英] Why my dropdown list can't be position in center?

查看：55
本文介绍了为什么我的下拉列表不能居中?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想让我的下拉列表的位置居中.但是当我制作

align="center"

位置不在中心

这是我的代码:

title = 'Beranda - Pascasarjana Dalam Angka';?><div class="site-index"><div class="jumbotron"><h1>Selamat大唐！</h1><p class="lead-lg-5">Aplikasi ini ditujukan untuk menampilkan <br>data-data dan statistik mahasiswa program Pascasarjana Universitas</p><div align="center" class="body-content"><div align="center" class="dropdown"><button align="center" class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Pilih Tahun Periode<span class="caret"></span><ul align="center" class="下拉菜单"><li><a href="#">Periode 2001-2005</a></li><li><a href="#">Periode 2006-2010</a></li><li><a href="#">Periode 2011-2015</a></li>

结果如下:

我该怎么做才能使列表位于中心?提前致谢

解决方案

我的建议:在 yii2 中使用内置引导类！这是您的视图文件的工作示例.简短回答:您必须将下拉机制放在 .btn-group

中

<div class="site-index"><div class="jumbotron"><h1>Selamat大唐！</h1><p class="lead-lg-5">Aplikasi ini ditujukan untuk menampilkan <br>数据-数据 dan statistik mahasiswa 程序 Pascasarjana Universitas</p>

<div class="col-md-12 school-options-dropdown text-center"><div class="dropdown btn-group"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Pilih Tahun Periode <b class="caret"></b></a><?php回声下拉::小部件(['物品' =>[['标签' =>'2001-2005 年'，'url' =>'#'],['标签' =>'2001-2005 年'，'url' =>'#'],['标签' =>'2001-2005 年'，'url' =>'#'],],]);?>

I want to make the position of my dropdown list to be center. But when I made

align="center"

the posistion isn't in the center

Here is my codes:

<?php

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



$this->title = 'Beranda - Pascasarjana Dalam Angka';
?>
<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 align="center" class="body-content">


    <div align="center" class="dropdown">
        <button align="center" class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Pilih Tahun Periode
            <span class="caret"></span>
        </button>
                <ul align="center" class="dropdown-menu">
                    <li><a href="#">Periode 2001-2005</a></li>
                    <li><a href="#">Periode 2006-2010</a></li>
                    <li><a href="#">Periode 2011-2015</a></li>
                </ul>
    </div>



    </div>


    </div>

</div>

And here is the result:

What may I do so that the list could be in the center? Thanks in advance

解决方案

My advice: Use the build-in bootstrap classes with yii2! Here is a working example of your view file. Short anwer: You have to put the dropdown mechanism inside a .btn-group

<?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>
    <div class="col-md-12 school-options-dropdown text-center">
        <div class="dropdown btn-group">
            <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 2001-2005', 'url' => '#'],
                        ['label' => 'Periode 2001-2005', 'url' => '#'],

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

这篇关于为什么我的下拉列表不能居中?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
PHP最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆