Solved

Bootstrap Header Not minimizing correctly

Posted on 2014-10-07
5
308 Views
Last Modified: 2014-10-08
Hi, all. On this page: codedivasites.com/bootstrap/

If you make the browser smaller, the header isn't minimizing the way I want it to. I have both the header and the image as class "fluid", but I'm obviously missing something. Pretty new to Bootstrap, just trying to learn.

Thanks for your help.
0
Comment
Question by:mel200
  • 3
  • 2
5 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 40367403
And what should be happening?
0
 

Author Comment

by:mel200
ID: 40367535
I want the header to stack up so that the photo is on top of the name, and under that the tagline and address, then under that the navigation. Here's what I see.

screenshot
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40367565
style.css line 134

header {
    background-color: #b9dcb0;
    border-bottom: 1px solid #ddd;
   /* height: 190px; */
   /* change the height to auto */
    height: auto;
    padding: 0;
}

Open in new window

0
 

Author Comment

by:mel200
ID: 40368281
Thanks! I'll do that right now.
0
 

Author Closing Comment

by:mel200
ID: 40368289
Lesson learned. Thanks!
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

Find out what you should include to make the best professional email signature for your organization.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

914 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

15 Experts available now in Live!

Get 1:1 Help Now