How to change this Bootstrap Layout

Posted by Jayakumars under C# on 5/3/2016 | Points: 10 | Views : 288 | Status : [Member] [MVP] | Replies : 5
Hi
I have design login page with bootstrap in c#. Now i need after successfully login username and logout need dropdownlist menu in my Home.aspx How will do this any one guide this.

Mark as Answer if its helpful to you


Responses

Posted by: Manideepgoud on: 5/3/2016 [Member] Starter | Points: 25

Up
0
Down
Hai jayakumar,

If you are reffering for following layout please follow this
<nav role="navigation" class="navbar navbar-inverse">

<div class="navbar-header">
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">Brand</a>
</div>
<!-- Next nav links in the Navbar -->
<div id="navbarCollapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li>
<li><a href="#"><span class="glyphicon glyphicon-certificate"></span> DotNetFunda</a></li>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#"> ITFunda<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Online training</a></li>
<li><a href="#">Offline training</a></li>
</ul>
</li>
<li><a href="#"><span class="glyphicon glyphicon-gift"></span> KidsFunda</a></li>
<li><a href="#"><span class="glyphicon glyphicon-film"></span> FundooVideo</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Login</a></li>
<li><a href="#">Log out</a></li>
</ul>
</div>
</nav>



Jayakumars, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Manideepgoud on: 5/3/2016 [Member] Starter | Points: 25

Up
0
Down
In the above code snippet we have defined the navbar to create dropdown list value, we have taken <nav> element with class value navbar navbar-inverse to define the list values in the navbar by using <ul> element, we have created dropdown for one list value using class value dropdown in the <li> element, we have created list values login, logout in the li element using class value nav navbar-nav navbar-right.

Jayakumars, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Jayakumars on: 5/3/2016 [Member] [MVP] Bronze | Points: 25

Up
0
Down
hi

Manideepgoud

I need after login success i need bind the bootstrap menu login username with logout assign session value in asp.net C# code

in Dontnetfunda in our user name profile binded i need like this

Mark as Answer if its helpful to you

Jayakumars, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Jayakumars on: 5/3/2016 [Member] [MVP] Bronze | Points: 25

Up
0
Down
hi

Manideepgoud

I need ur help. I have no idea for this can you share your email id

Mark as Answer if its helpful to you

Jayakumars, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Manideepgoud on: 5/3/2016 [Member] Starter | Points: 25

Up
0
Down
Hi Jayakumars

My email id is manideepgoud.4@gmail.com

Thanks

Jayakumars, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response