javascript - Strange spacing in twitter bootstrap top navbar -

-

i've been using twitter bootstrap create navbar across top of page has several dropdown menus. reason, first list element aligns bottom of bar virtue of empty link fills top space. copied first term other list items, none of other elements align bottom or have empty link. ideas how can fix this? 

<!doctype html> <html> <head>     <title>nav mockup</title>     <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">     <link rel="stylesheet" type="text/css" href="index.css"> </head> <body>      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>     <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>     <div class="navbar navbar-inverse navbar-static-top">         <div class="container">              <a href="#" class="navbar-brand">nctl<a>             <button class="navbar-toggle" data-toggle="collapse" data-target="navbarheadercollapse">                 <span class="icon-bar"></span>                 <span class="icon-bar"></span>                 <span class="icon-bar"></span>             </button>             <div class="collapse navbar-collapse navbarheadercollapse">                  <ul class="nav navbar-nav navbar-right">                     <li class="dropdown">                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" >about nctl <span class="caret"></span></a>                         <ul class="dropdown-menu">                             <li><a href="#">challenge / links</a></li>                             <li><a href="#">stem equity</a></li>                             <li><a href="#">slannis message</a></li>                             <li><a href="#">supporters</a></li>                             <li><a href="#">mos press room</a></li>                         </ul>                     </li>                                        <li class="dropdown">                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" >education programs <span class="caret"></span></a>                         <ul class="dropdown-menu">                             <li><a href="#">k12 classroom</a></li>                             <li><a href="#">museum based</a></li>                             <li><a href="#">traveling</a></li>                         </ul>                     </li>                     <li class="dropdown">                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" >advocacy <span class="caret"></span></a>                         <ul class="dropdown-menu">                             <li><a href="#">achievements</a></li>                             <li><a href="#">resources</a></li>                             <li><a href="#">video links</a></li>                         </ul>                     </li>                     <li class="dropdown">                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" >news <span class="caret"></span></a>                         <ul class="dropdown-menu">                             <li><a href="#">enews archive</a></li>                             <li><a href="#">nctl studies</a></li>                             <li><a href="#">media coverage</a></li>                         </ul>                     </li>                 </ul>              </div>          </div>     </div>  </body> </html>

a screenshot of issue

you error in markup

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

should be:

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

demo here


Comments

Post a Comment

Popular posts from this blog

javascript - Karma not able to start PhantomJS on Windows - Error: spawn UNKNOWN -

-
i lost "unknown" error: karma.conf.js: frameworks: ['mocha', 'should'], plugins: ['karma-mocha', 'karma-should', 'karma-phantomjs-launcher'], ... browsers: ['phantomjs'], error: 23 07 2015 14:35:37.691:warn [karma]: no captured browser, open http://localhost:9876/ 23 07 2015 14:35:37.701:info [karma]: karma v0.13.3 server started @ http://localhost:9876/ 23 07 2015 14:35:37.707:info [launcher]: starting browser phantomjs 23 07 2015 14:35:37.738:error [karma]: { [error: spawn unknown] code: 'unknown', errno: 'unknown', syscall: 'spawn' } error: spawn unknown @ exports._errnoexception (util.js:749:11) @ childprocess.spawn (child_process.js:1093:11) @ exports.spawn (child_process.js:933:9) @ object._execcommand (c:\users\jinga4x\git\mdl-sample-project\node_modules\karma\lib\launchers\process.js:63:21) @ object._start (c:\users\jinga4x\git\md...
Read more

Nuget pack csproj using nuspec -

-
i want create nuget package contains specified in nuspec file, still version csproj. in order use token have pack like: nuget pack myproj.csproj but when adds dependencies , creates unwanted folder in nuget package. nuspec file is: <?xml version="1.0" encoding="utf-8"?> <package xmlns="http://schemas.microsoft.com/packaging/2011/08/nuspec.xsd"> <metadata> <id>test</id> <version>$version$</version> <title>test</title> <authors>test</authors> <owners>test</owners> <requirelicenseacceptance>false</requirelicenseacceptance> <description>test</description> <summary>test</summary> <releasenotes>test</releasenotes> <copyright>test</copyright> </metadata> <files> <file src="bin\debug\*.dll" target="lib\net45" /> <file s...
Read more

c# - Display ASPX Popup control in RowDeleteing Event (ASPX Gridview) -

-
i have aspxgridview includes new , delete button. delete button includs gv_rowdeleting event. want show aspxpopupcontrol (id="pupconfirm"). want user have confirm password delete item. tried: protected void gv_rowdeleting(object sender, devexpress.web.data.aspxdatadeletingeventargs e) { pupconfirm.showonpageload = true; } but nothing happened. please me. !!! you can create template column javascript prompt confirmation. <itemtemplate> <asp:linkbutton id="btndelete" runat="server" text="delete" commandname="delete" onclientclick="javascript:if(!confirm('are sure want delete record?')){return false;}"> </asp:linkbutton> </itemtemplate>
Read more