How to change this Bootstrap Layout

Posted by Jayakumars under C# on 5/3/2016 | Points: 10 | Views : 490 | 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

Kumaraspcode2009@gmail.com



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

Kumaraspcode2009@gmail.com

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

Kumaraspcode2009@gmail.com

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