爲什麼我的下拉列表不能位於中心位置？

我想讓我的下拉列表的位置爲中心。但是，當我做了爲什麼我的下拉列表不能位於中心位置？

align="center"

的posistion不在中心

這裏是我的代碼：

<?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>

，這裏是結果：

我該怎麼做才能讓l ist可能在中心？在此先感謝

來源

2017-04-26 r34627673

.dropdown菜單編輯css.i認爲會有浮動內：離開;使用 –

把下拉菜單中的一個div然後對齊該潛水使用CSS防爆出現在中心：

/* centers the form div to the screen */ 
#divCenter{ 
    position:absolute; 
    width:800px; 
    top:50%; 
    left:50%; 
    margin-top:-180px; 
    margin-left:-410px; 
    z-index:15; 
    border-radius: 10px; 
}

來源

2017-04-26 05:38:49 Sand

你幾乎從來不應該使用px –

這是我用記事本編碼嘗試賦予它的一種習慣，但老習慣很難消除。 – Sand

這個人改變了這個問題嗎？ – Sand

應用相對位置屬性的家長和位置絕對的下拉元素包裝。

.dropdown { 
    position: relative; 
} 

.dropdown .dropdown-menu { 
    position: absolute; 
    top: 50px; 
    width: 100%; 
}

希望這會有所幫助。

來源

2017-04-26 06:08:08

我的建議：使用帶有yii2的內置引導類！這是您的視圖文件的一個工作示例。短前面回答：你必須把下拉機制.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>

來源

2017-04-26 06:58:39 R13e

它正在工作。非常感謝。上帝保佑你;） – r34627673

歡迎你。標記爲已接受。 – R13e

爲什麼我的下拉列表不能位於中心位置？

回答

相關問題