Solved

Custom CSS for Bootstrap Nav Bar

Posted on 2016-10-25
3
43 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 53

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Bootstrap 3 website error 14 47
FIELDSETs and LEGENDs in email markup 1 14
Why my select dropdown does not work? 8 28
Why does my computer not boot? 12 30
Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
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 tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

863 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

22 Experts available now in Live!

Get 1:1 Help Now