javascript - Make Social Media Buttons Horizontal on Bootstrap mobile dropdown -

-

how go getting social media buttons align next each other -- is, horizontally rather vertically -- in mobile mode on drop down menu?

the icons within standard bootstrap nav bar, aligned right side of bar.

whenever clicks on mobile drop down menu lists these icons vertically. want them horizontal.

here code menu div.

<div class="container">   <div class="header">     <ul class="nav nav-pills pull-right">       <li class="active"></li>       <li></li>       <li></li>     </ul>     <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">       <div class="container">         <div class="navbar-header">           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".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>           <a class="navbar-brand" href="index.html">welcome </a> </div>         <div class="navbar-collapse collapse">           <ul class="nav navbar-nav">             <li class="active"><a href="index.html">home</a></li>             <li><a href="http://broadmarkpartners.com">broadmark partners</a></li>             <li><a href="http://broadmark.io/blog">blog</a></li>             <li class="dropdown">               <ul class="dropdown-menu">                 <li><a href="#">action</a></li>                 <li><a href="#">another action</a></li>                 <li><a href="#">something else here</a></li>                 <li class="divider"></li>                 <li class="dropdown-header">nav header</li>                 <li><a href="#">separated link</a></li>                 <li><a href="#">one more separated link</a></li>               </ul>             </li>           </ul>           <ul class="nav navbar-nav navbar-right">             <li>             <a href="http://facebook.com/" class="btn btn-social-icon btn-facebook">                 <i class="fa fa-facebook"></i>             </a>             </li>             <li>             <a href="http://twitter.com/" class="btn btn-social-icon btn-twitter" >                 <i class="fa fa-twitter"></i>             </a>             </li>                             <li>             <a href="http://www.linkedin.com/in/"  class="btn btn-social-icon btn-linkedin">                 <i class="fa fa-linkedin"></i>             </a>             </li>                             <li>             <a href="https://github.com/broadmarkio" class="btn btn-social-icon btn-github">                 <i class="fa fa-github"></i>             </a>             </li>           </ul>         </div>         <!--/.nav-collapse -->       </div>     </div>     <h3 class="text-muted">&nbsp;</h3>     <p>&nbsp;</p>   </div>

you need apply nav-pills-class list so.

<ul class="nav navbar-nav navbar-right nav-pills">

see sample working here: http://www.bootply.com/pm5ssvzroi


Comments

Post a Comment

Popular posts from this blog

google api - Incomplete response from Gmail API threads.list -

-
i plot number of emails in inbox on time using gmail api , i'm seeing lot of drop-outs, whatever reason i'm getting incomplete count of messages @ single time points. my plots here: https://plot.ly/~tdsmith/2 -- "drop-outs" i'm complaining trace shoots downwards , recovers previous level @ next timepoint. the code i'm using count emails here: https://github.com/tdsmith/gmail-plotly/blob/master/gmail-plotly.py#l47-l64 what can diagnose these faults?
Read more

Installing Android SQLite Asset Helper -

-
i need use ready made database. search solution on internet did not work until decided use mentioned library found here . however, found hard use library in installation procedures shallow beginners. i appreciate step step procedure on how use android studio. in struggle tried copying sources main/libs , adding line gradle did not work. use api 19 if helps. update here build.gradle // top-level build file can add configuration options common sub-projects/modules. buildscript { repositories { mavencentral() } dependencies { classpath 'com.android.tools.build:gradle:0.11.+' compile 'com.readystatesoftware.sqliteasset:sqliteassethelper:+' // note: not place application dependencies here; belong // in individual module build.gradle files } } allprojects { repositories { mavencentral() } } trying compile project error error:(9, 0) no signature of method: org.gradle.api.internal.artifacts
Read more

Qt Creator - Searching files with Locator including folder -

-
one quick question qtcreator : know possible use locator open files using "ctrl-k" shortcut. however, possible search files including locations? for example, let's want locate file named "main.cpp" in folder named "myfolder" , have lots of other main.cpp files. what should type locator in order open ? just type myfolder/main.cpp in locator
Read more