Menu bar please help to sort this out

Question

<link rel="stylesheet" href='http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css'

media="screen" width="100px" />

<script type="text/javascript" src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js'></script>

<script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js'></script>

 

<div class="container-full">

<div class="navbar navbar-default">

<div class="container-fluid">

<div class="navbar-header">

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"

aria-expanded="true">

<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span

class="icon-bar"></span><span class="icon-bar"></span>

</button>

<a class="navbar-brand" href="#"></a>

</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" RenderingMode="List" IncludeStyleBlock="false" StaticMenuStyle-CssClass="nav navbar-nav" DynamicMenuStyle-CssClass="dropdown-menu">

<LevelMenuItemStyles>

<asp:MenuItemStyle CssClass="ParentMenu" />

<asp:MenuItemStyle CssClass="ChildMenu" />

<asp:MenuItemStyle CssClass="ChildMenu" />

</LevelMenuItemStyles>

<StaticSelectedStyle CssClass="selected" />

</asp:Menu>

</div>

</div>

</div>

</div>

 

 

<script src="Scripts/jquery-1.9.0.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(function () {

//to fix collapse mode width issue

$(".nav li,.nav li a,.nav li ul").removeAttr('style');

//for dropdown menu

$(".dropdown-menu").parent().removeClass().addClass('dropdown');

$(".dropdown>a").removeClass().addClass('dropdown-toggle').append('<b class="caret"></b>').attr('data-toggle', 'dropdown');

//remove default click redirect effect

$('.dropdown-toggle').attr('onclick', '').off('click');

});

</script>