google chrome - Navbar occasionally renders in two lines -

-

i'm having strange behavior using bootstrap's navbar nav. have normal text , label span in 1 of navigational elements , span ends in new line rendering whole navbar higher should be. strangest thing happens (~50% of time), without me changing conditions (same screen size, same page/content, etc.). also, able reproduce in chrome not in firefox.

as use dev-tools adjust css settings, span jumps in place, i'm out of idea how debug or experiment fixes.

any ideas or suggestions on:

  1. how debug issuse?
  2. what cause?

here how looks broken:

enter image description here

and how should be:

enter image description here

and here excerpt of header. unfortunately have lot of code in full header (and it's angular app things controlled dynamically), i'm not excluding possibility problem somewhere else, i'm having hard time reproducing regularly full code, didn't think making plunker case easy.

<header class="navbar navbar-default navbar-fixed-top ng-scope">   <nav class="collapse navbar-collapse navbar-ex1-collapse">     <ul class="nav navbar-nav navbar-right">       <li class="divider-vertical hidden-xs"></li>       <li id="home-button">         <a href="/">home</a>       </li>       <li id="library">         <a href="/library">library         <span class="small label label-primary label-super">new</span>         </a>       </li>     </ul>   </nav> </header>


Comments

Post a Comment

Popular posts from this blog

python - pip install -U PySide error -

-
does know how avoid following error when running pip install -u pyside per official website instructions here: https://pypi.python.org/pypi/pyside/#installing-pyside-on-a-mac-os-x-system note have done brew install qt successfully. you using pip version 7.0.3, version 7.1.2 available. should consider upgrading via 'pip install --upgrade pip' command. collecting pyside using cached pyside-1.2.4.tar.gz installing collected packages: pyside running setup.py install pyside complete output command /applications/anaconda/bin/python -c "import setuptools, tokenize;__file__='/private/var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-build-cpxemt/pyside/setup.py';exec(compile(getattr(tokenize, 'open', open)(__file__).read().replace('\r\n', '\n'), __file__, 'exec'))" install --record /var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-0r7hri-record/install-record.txt --single-version-externally-managed --compile: ...
Read more

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

-
simple question: i'm trying initialize array within c++ class declaration: using namespace std; #include <string> class myclass{ public: string myarray[] = {"a","b","c"}; }; and i'm getting error: error: brace-enclosed initializer not allowed here before ‘{’ token no, without complied c++11 compiler, cannot initialize member array in declaration. have initialize array member in constructor. , don't use open array if know number of elements initialize array.
Read more

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -

-
i trying add nodes dagre graph through cityscape.js. problem nodes not painted. code have: cy.add({ group: "nodes", data: { id:"n0",name:"n0",weight: 75 }, }); $.ajax(url).done(function(jsontree){ var newnodes=[]; for(var i=1;i<6;i++){ //var child = jsontree.result[i]; newnodes.push( { group: "nodes", data: { id: "n"+i, name:"n"+i}}, { group: "edges", data: { id: "e"+i, source: "n0", target: "n"+i } } ); } cy.add(newnodes); any ideas? have used loaded function reload graph not work. not know if have use specific function reload graph. thank in advance. you need add positions new nodes. cytoscape.js docs : it important note positions of newly added nodes must defined when calling cy.add(). nodes can not placed in graph without valid position — otherwise not displayed. yo...
Read more