html - bootstrap not working accordingly -

-

i have viewed 1 tutorial online creating responsive navigation bar suppose this

enter image description here enter image description here

i have followed accordingly, added css file along js file isn't working. ends this. gui working fine. however, there isn't extension show other 2 option have picture above. nothing happens when click extension.

enter image description here

this how enter codes responsive navbar

<!doctype html>  <html lang="en"> <head id="head1" runat="server"> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="content-type" content="text/html; charset=utf-8">  <title>ipolice</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" /> <link rel="stylesheet" href="css/style.css" type="text/css" /> <asp:contentplaceholder id="head" runat="server" > </asp:contentplaceholder>    <!--[if lt ie 8]> <script src ="http://ie7-js.googlecode.com/svn/version/2.1(beta2)/ie8.js"></script> <![endif]-->     </head>  <body>  <div class="nav bar navbar-fixed-top">        <div class="navbar-inner">            <div class ="container">                <a class ="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">                    <span class="icon-th-list"></span>                </a>                <a href="#" class="brand">your logo</a>                 <div class="nav-collapse colapse">                     <ul class="nav pull-right">                        <li class="active"><a href="#">entry01</a></li>                        <li><a href="#">entry02</a></li>                    </ul>                </div>            </div>        </div> </div> <form id="form1" runat="server">   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>     <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js" type="text/javascript"></script> <script type="text/javascript" src="js/bootstrap.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/scripts.js"></script> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js">  </script>      <div id="contentplaceholder">     <asp:contentplaceholder id="contentplaceholder1" runat="server">     </asp:contentplaceholder>     </div>  </form>      </body>

i'm pretty sure have added css , javascript file in correct position.

i'm trying allow navbar ( picture below ) appear nicely under responsive design when width being reduced.

enter image description here

i have downloaded bootstrap link

any , assistance appreciated.

thanks.

p.s: shown in picture below, have own darkgrey navigation bar in webapp. i'm wondering possible intergrate both twitterbootstrap , existing navbar together?

update

sorry. initial post has left out important such link between asp masterpage in visual studio2012 css. however, despite adding necessary css, extension in bootstrap isn't function well.


you forgot doctype , bootstrap.css not linked.
should have on bootstrap web site. (see following link)
basic template bootstrap

you should try : my code (i can't paste here, error occurs).

have bootstrap - component


Comments

Post a Comment

Popular posts from this blog

html5 - What is breaking my page when printing? -

-
Image
i have questioner , don't know why when printing it's creating break before first question. live demo (link) i able resolve issue removing fieldset container had wrapped in.. having fieldset element causing of fields grouped together, , since not fit on first page, being pushed second page. removing fieldset element, able firefox print first 2 questions on page 1 identically chrome. it seems not new problem firefox , fieldset not playing nice found old bugzilla ticket 2008 has persisted , still being commented on in 2014 (link) if retaining fieldset important, found solution else came here (link) <script type='text/javascript'> $(window).bind('beforeprint', function(){ $('fieldset').each( function(item) { $(this).replacewith($('<div class="fieldset">' + this.innerhtml + '</div>')); } ) }); $(window).bind(
Read more

html - Unable to style the color of bullets in a list -

-
i'm trying change colour of list points it's not working? <div class="mobile-menu" id="mobile-menu"> <div id="mobile-menu-links"> <h4>general:</h4> <ul class="mobile-menu-links"> <li><a href="">news</a></li> <li><a href="">the boring rules!</a></li> <li><a href="">the rankings</a></li> </ul> .mobile-menu #mobile-menu-links ul{ list-style-type: none; margin:0; padding-left:3%; } .mobile-menu #mobile-menu-links ul li{ padding-bottom:2px; border-bottom:1px solid #bababa; } if add color:red in either of 2 css declarations, doesn't change colour. please note html closed in document, copi
Read more

c# - must be a non-abstract type with a public parameterless constructor in redis -

-
when save object, got below error must non-abstract type public parameterless constructor in order use parameter 't' in generic type or method 'servicestack.redis.redisclient.store<t>(t) redisclass.getinstnace().store(msg); // error here redisclass.getinstnace().save(); as third party's class, can not edit how save object? could create wrapper around third party object call constructor, store wrapper? e.g. public class mywrapper { public thirdpartyobject thirdpartyinstance { get; set; } public mywrapper() { thirdpartyinstance = new thirdpartyobject("constructors"); } }
Read more