Solved

Custom CSS for Bootstrap Nav Bar

Posted on 2016-10-25
3
32 Views
Last Modified: 2016-10-25
I'm trying to custom a Bootstrap Nav Bar by adding a filter button, but am struggling to get the CSS right.

See here: http://codepen.io/dikuw/pen/JRzAJK

Desired result: maxdesktop and Minmobile.

Any tips are appreciated!
0
Comment
Question by:Michael Vasilevsky
3 Comments
 
LVL 51

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 41858711
You should be able to get the desired result changing the .filterButton style to

.filterButton {
  display: inline;
  line-height: 50px;
}

Open in new window

0
 
LVL 10

Author Comment

by:Michael Vasilevsky
ID: 41858718
oops
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…

708 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now