title: How do I Create iPhone Style Bottom Navbar With Custom Gylph icons for my Bootstrap 3.0 Theme?
body: <p>Designing a custom website theme for my dad who used to be a cornerman for amateur boxers in Guadalajara (where he met my mexican mom!). </p>
  
  <p>I made the the Pills navigation using <code>.nav-pills</code> like shown here => <a href="http://getbootstrap.com/components/#nav-pills" rel="nofollow noreferrer">http://getbootstrap.com/components/#nav-pills</a> but my dad want's an iphone bottom anchored type navbar with icons of gloves for the "news" section, a bloody towel icon for the cutman tips section etc. </p>
  
  <p>So kind of like this iphone nav bar shown below, but my constraints are i want to develop it as a mobile web app in bootstrap that is responsive and shows a navbar that looks like iphone bar (hope this makes sense?!!! OMG!)</p>
  
  <p>Following example from <a href="https://stackoverflow.com/a/12891059/">this Stack overflow</a> answer uses JQuery Mobile. <em>I can't use jquery mobile in my bootstrap theme as it's overkill (right?)!</em></p>
  
  <p><img src="https://i.stack.imgur.com/da2bY.png" alt="iphone bottom nav bar in jquery mobile"></p>
  
  <p>So 2 Questions</p>
  
  <p>1) Does anyone have samples that can make this type of nav bar / menu? Using Bootstrap 3.0 FYI in static generated website with HTML5 and Javascript and CSS and bootstrap framework with responsive end goals.</p>
  
  <p>2) Where can I get custom glpyh icons designed just like standard bootstrap glpyhs (willing to pay upto 50$ per icon) for the gloves and bloody towel icons that will go in the menu bar at bottom?</p>
  
  <p>As for my efforts, I tried various things using the Pills navbar on bootstrap as a starter, but just can't seem to get the background image working, as well as bars that look like iphone bottom bar! Also searched online for glyph makers, no luck, all spammy stock sites.</p>
  
  <p>Thanks a lot!!!!</p>