Teaching Newbies since 2014

  • Home
  • Javascript ❤
    • JavaScript
    • Node.js
  • WebDev Tuts
  • screencasts
  • Resources
  • VR & AR
  • Github
  • Twitter
  • YouTube
  • RSS
  • C++
You are here: Home / Web Dev / Transparent Non Bootstrappy – Twitter – Bootstrap Navbar

March 17, 2015 by: Kauress

Transparent Non Bootstrappy – Twitter – Bootstrap Navbar

twitter.bootstrap.navbar

I did some breaking and re-making of twitter bootstrap’s navbar. I love how convenient everything in twitter bootstrap is with all the pre-defined classes etc but it does take some time to customize bootstrap components and make them a little less bootstrappy….

[codepen_embed height=”568″ theme_id=”21518″ slug_hash=”WrxqVE” default_tab=”result” user=”Kauress”]See the Pen <a href=’http://codepen.io/Kauress/pen/WrxqVE/’>Transparent Twitter Bootstrap NavBar</a> by Kauress (<a href=’http://codepen.io/Kauress’>@Kauress</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]
Here’s the HTML for and Css for the navbar which you can see finished @ http://kauress.github.io/NavBar/ Or you can have a look at the Github repo

HTML:

https://gist.github.com/Kauress/a732772fb0c61bbee982

CSS:

https://gist.github.com/Kauress/f47e335898378d063707

Code To Flowchart Converter. Prevent Spaghetti Code Syndrome!
Simple beginners git workflow

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Copyright © 2022 ·Kauress

Go to mobile version