Bootstrap Dropdown Menü Konumlandırma

Merhaba arkadaşlar.
Menüm bu şekilde. Dropdown menü görüldüğü gibi sağ tarafa çıkıntılı.

Ben tam menüyü açan butonun hizasından açılsın istiyorum. Bu şekildeBen uğraştım ama yapamadım. Yardımcı olur musunuz?

<!--- Header --->
<header>
<!--- Navbar --->
<nav class="navbar fixed-top navbar-toggleable-md">
<div class="container">
	<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
	</button>

	<a class="navbar-brand" href="index.php">
		<h1>Sanal Blog <sup><span>V1</span></sup></h1>
	</a>

	<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
		<ul class="navbar-nav">
			<li class="nav-item">
				<a class="btn btn-danger" href="index.php">Anasayfa</a>
			</li>
			<li class="nav-item">
				<a class="btn btn-danger" href="index.php?do=hakkimizda">Hakkımızda</a>
			</li>
			<li class="nav-item">
				<a class="btn btn-danger" href="index.php?do=iletisim">İletişim</a>
			</li>
		</ul>
		
		<ul class="nav Uyelik-Menu">
			<?php if(!$_SESSION["Login"]){ ?>
				<li class="nav-item">
					<a class="btn btn-info" href="index.php?do=uyelik">Üye Ol</a>
				</li>
			<?php } ?>
			
			<?php if(!$_SESSION["Login"]){ ?>
				<li class="nav-item">
					<a class="btn btn-success" href="index.php?do=giris">Oturum Aç</a>
				</li>
			<?php } ?>
		</ul>
		
		<?php if($_SESSION["Login"]){ ?>
		<ul class="nav Bildirim-Menu">
			<li class="nav-item">
				<a class="btn btn-primary" href="#"><i class="fa fa-bell fa-fw"></i> 0</a>
			</li>
			<li class="nav-item">
				<a class="btn btn-primary" href="#"><i class="fa fa-envelope fa-fw"></i> 0</a>
			</li>
			<li class="nav-item dropdown">
				<a class="btn btn-primary" href="#" id="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-caret-down fa-fw"></i></a>
				<div class="dropdown-menu">
					<a class="dropdown-item" href="#"><i class="fa fa-user fa-fw"></i>Profilim</a>
					<a class="dropdown-item" href="#"><i class="fa fa-cog fa-fw"></i>Ayarlarım</a>
					<a class="dropdown-item" href="#"><i class="fa fa-envelope fa-fw"></i>Mesajlarım</a>
					<a class="dropdown-item" href="#"><i class="fa fa-bell fa-fw"></i>Bildirimlerim</a>
					<a class="dropdown-item" href="index.php?do=cikis"><i class="fa fa-sign-out fa-fw"></i>Oturumu Kapat</a>
				</div>
			</li>
		</ul>
		<?php } ?>
	</div>
</div>
</nav>
<!--# Navbar #-->
</header>
<!--# Header #-->

 

dropdown-menu diye bir class açıp right : 0!important yazarmısınız, olmassa kodları php kodundan arındıp jsfiddle , codepen gibi bir platforma atabilirseniz daha fazla yardımcı olabilirim

Selim bey dediğinizi yaptım ama değişiklik olmadı? Selim bey bir de Üye Ol ve Oturum Aç butonlarına tıklayınca kenarlarında siyaha benzer bir çizgi oluşuyor o çizgileri de kaldırmak istiyorum.

Codepen

https://codepen.io/SelimHamzaogullari/pen/XaYKQE?editors=0100    =>    Css te alt kısma gerekli css kodlarını yazdım.

Teşekkür ederim Selim bey.

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git