Saya mencoba menyelaraskan item dropdown saya yang dibuat oleh Bootstrap 4 di samping satu sama lain seperti ini:

enter image description here

Di mana Item 1 dan 2 adalah item dropdown saat mengarahkan kursor ke item Tes pertama.

Saya telah mencoba menggunakan float: left di CSS tetapi sayangnya tidak berhasil. Setiap saran sangat dihargai.

Tapi sekarang mereka berada di bawah satu sama lain seperti ini:

enter image description here

<div class="collapse navbar-collapse" id="navbarToggler">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item dropdown">
                <a class="nav-link" href="javascript:void(0)" id="NavbarToggler">Welkom</a>
                <div class="dropdown-menu" aria-labelledby="NavbarToggler">
                    <a class="dropdown-item mt-2" href="info">Informatie Stedenband</a>
                    <a class="dropdown-item" href="geschiedenis">Geschiedenis Stedenband</a>
                </div>
            </li>
</div>
-3
user11910788 9 Januari 2020, 15:03

2 jawaban

Jawaban Terbaik

Jika Anda ingin menyelaraskan item dropdown berdampingan, Gunakan kode ini

.dropdown-menu a{
  display:inline;
  padding:5px;
}

ATAU

Jika Anda ingin menyelaraskan item dropdown dalam baris demi baris, Gunakan kode ini

.dropdown-menu a{
  display:block;
  padding:5px;
}
0
Shaik 9 Januari 2020, 13:04

Gunakan kelas d-inline-block dan w-auto dengan dropdown-item

0
Lekh Raj 9 Januari 2020, 12:47