css3 - Bootstrap navbar alighn menu items on main -

-

i looking way can align menu items in middle of navbar.

i increased width of navbar move links middle of navbar.

any or examples apreciated.

here current navbar layout.

  <nav class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">     <div class="container">       <div class="navbar-header">         <a class="navbar-brand" rel="home" href="index.php" title="logo">           <img src="images/logo.png">         </a>         <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">           <span class="sr-only">toggle navigation</span>           <span class="icon-bar"></span>           <span class="icon-bar"></span>           <span class="icon-bar"></span>         </button>       </div>       <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">         <ul class="nav navbar-nav">           <li>             <a href="#" class="scroll-link" data-id="why">item1</a>           </li>           <li>             <a href="#" class="scroll-link" data-id="products">item2</a>           </li>           <li>             <a href="#">item3</a>           </li>                      </ul>         <ul class="nav navbar-nav navbar-right">           <li><a href="#">item4</a></li>         </ul>             </nav>     </div>   </nav>

and here css

.navbar { min-width: 100%; font-size: 20px; background-color: #3a424c; border-bottom-width: 0px;}  .navbar-nav>li>a {      padding-top: 70px;      padding-bottom: 10px;      line-height: 25px;  }  .nav.navbar-nav>li>a{     color: white; }  .nav.navbar-nav>li>a:hover, .nav.navbar-nav>li>a:focus {     color: white;     background-color: rgba(110, 206, 230, 1); }  .navbar-brand { padding: 1px 10px; }   .navbar-wrapper {   position: absolute;   top: 0;   right: 0;   left: 0;   z-index: 20; }  /* flip around padding proper display in narrow viewports */ .navbar-wrapper > .container {   padding-right: 0;   padding-left: 0; } .navbar-wrapper .navbar {   padding-right: 15px;   padding-left: 15px; } .navbar-wrapper .navbar .container {   width: auto; }  .navbar img{      width: 185px;  }

you can see edited sample here

https://jsfiddle.net/v49w742k/

i hoping if there's jsfiddle link can assist in sure way.

anyway, try css code .navbar-nav class:

.navbar-nav{ margin: 0 auto; display: table; float: none; }

Comments

Post a Comment

Popular posts from this blog

apache - setting document root in antoher partition on ubuntu -

-
i place apache document root inside partition of ubuntu hard drive, keep getting forbidden message, when place home directory woking find, how be? group or owner affected ? here mysite.conf , apache2.conf when place document root in home folder (working) #site-available/mysite.conf documentroot /home/jono/www #/etc/apache2/apache2.conf <directory /home/jono/www/> options indexes followsymlinks allowoverride none require granted </directory> bu when change document root partition keep getting forbidden messasge #site-available/mysite.conf documentroot /media/jono/website_data/www #/etc/apache2/apache2.conf <directory /media/jono/website_data/www/> options indexes followsymlinks allowoverride none require granted </directory> is owner/group access affected ? or there problem ? at last it's working, have grant access www:data accesing whole directory @mark-b, using chown -r www-data:www-data whole directory is...
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

r - Quantstrat logical error while running applySignals - missing value where TRUE/FALSE needed -

-
i having error while running strategy back-testing in r, using quantstrat package. whenever, try use applysignals function test signals, shows logical error. tried remove nas na.omit(fb) command, when calculate simple moving average, have nas in beginning. can suggest me solution? thanks, require(performanceanalytics) require(quantstrat) require(quantmod) require(blotter) initdate="2015-01-01" from="2015-01-02" to="2015-06-30" options(width=100) currency('usd') sys.setenv(tz="utc") symbols = c("spy", "fb", "twtr") getsymbols(symbols, from=from, to=to, src="yahoo", adjust=true) stock(symbols, currency="usd", multiplier=1) suppresswarnings(rm("account.mac","portfolio.mac",pos=.blotter)) suppresswarnings(rm("order_book.mac",pos=.strategy)) tradesize <- 1000 initeq <- tradesize strategy.st <- portfolio.st <- account.st <- "m...
Read more