How to make links in a fall navbar "bootstrap" under the brand during the collapse?

Hi all.

I did a "bootstrap" navigation bar Everything is fine, except when I go down the links fall into

the brand and and the drop down menu "sandwich". It gives a very strange appearance on mobile as the

links are crushed between the brand and the accompaniment "bars"sandwich"," which makes them

not very wide.

Here is the html code

< nav class = "navbar, navbar-default" >

< div class = "container-fluid" >

<!-brand and toggle get grouped together for better mobile display->

< div class = "bar navigation-header" >

< button type = "button" class = "toggle navigation bar has collapsed" data-toggle = 'collapse' data-target = "#defaultNavbar1" > < span class = "sr only" > toggle navigation </span > Menu < span class = "glyphicon glyphicon-chevron-down" > < / span >

< / button >

< a class = 'bar of navigation-brand' href = "index.html" > < /a > < / div >

<!-collect the nav links, forms, and other content to alternate->

< div class = "navbar-collapse collapse" id = "defaultNavbar1" >

< ul class = "nav justified to nav" >

< li > < a href = "#" > ABOUT US < /a > < /li >

< li > < a href = "#" > CONTACT US < /a > < /li >

< li > < a href = "#" > YOUTUBE < /a > < /li >

< li > < a href = "#" > FACEBOOK < /a > < /li >

< li > < a href = "#" > ORDER NOW! < /a > < /li >

< /ul >

< / div >

<!-/ .navbar-collapse->

< / div >

<!-/ .container-fluid->

< / nav >

Here's the css

.NavBar.NavBar - default {}

background-color: #2B2B2B;

border-style: solid none;

border-bottom-color: #DC1F26;

border-bottom-color: #DC1F26;

padding-left: 11px;

top of the margin: 15px;

}

{.navbar-brand

background-image: url (.. / images/Logo_small.jpg);

background-repeat: no-repeat;

background-size: 75px auto;

background-position: 0% 96%;

min-width: 85px;

max height: 45px;

}

brand .navbar {a}

min-width: 85px;

}

{.navbar fluid .container header}

height: 0px;

min-width: 60px banner;

right margin: 1px;

}

. NAV. NAV-justified .the a {}

}

{.navbar-toggle

color: #ffffff;

}

{.navbar - toggle.collapsed:hover}

background-color: #dc1f26

}

. NAV. Justified-NAV li a {}

color: #FFFFFF;

}

. NAV. Justified-NAV li a: hover {}

color: #DC1F26;

background-color: #000000;

border-bottom: solid thin #FFFFFF.

min-height: 48px;

max height: 48px;

}

. Fluid container #defaultNavbar1 {}

margin left: 65px;

}

I have a feeling it's going to be a matter of cutting html and with nesting in the nav somewhere.

but I am at a loss to know what to do? I moved < div class = "navbar-collapse collapse" id = "defaultNavbar1" >

around, but to the average screen size, links overlap brand.

Does anyone have any suggestions? I'm new to the bootstrap and certain concepts are confusing at first.

Thanks in advance for any help

The height of zero in

{.navbar fluid .container header}

height: 0px;

min-width: 60px banner;

right margin: 1px;

}

is the problem.

Tags: Dreamweaver

Similar Questions

  • How to make links in Pages are displayed in blue

    How to make links in the Pages appear in blue?

    Select the first instance of the text with a hyperlink. Then Format menu: fonts: display fonts. On police Panel, there is a button for the underline. At the bottom of this associated menu is a color menu item. Click on that and a color picker appears. Find the shade of blue that you want for your link, and when you do, your selected hyperlink will change a black! highlight your blue color.

    Don't deselect this hyperlink which now has blue underscore. You will notice that the character Styles shows Link (black) in the selector. Click on and then click on the "BOLD" symbol to add a new style for your hyperlink Blue + Blue. You can be creative and just call it a blue link. This new character style is only valid in your current document. In the Format menu, select the Style of copy, and then select each black underlined hyperlink, you can select menu Format: Style block to date each other.

    Not yet done. If you want a permanent blue hyperlink in the v5.6.2, Pages then you will need to get it into a model for re-use. I suggest that you create a document by using the empty template, add your desired character, paragraphs and list styles and then save it under your own custom template empty.

  • How to make a video DVD of myself I use the webcam for laptop?

    How to make a video DVD of myself I use the webcam for laptop? I never did a video before, and I am a teacher who wants to put my sessions on DVD now. How and what do I do?
    Thanks in advance.

    Hi Sdashe,

    You need to browse for some third-party applications that could support the web cam video, and you can use windows media center media player to burn DVD.

    http://Windows.Microsoft.com/en-us/Windows-Vista/burn-a-CD-or-DVD-in-Windows-Media-Center

    http://Windows.Microsoft.com/en-us/Windows-Vista/burn-a-CD-or-DVD-in-Windows-Media-Player

    Bindu S - Microsoft Support
    Visit our Microsoft answers feedback Forum and let us know what you think

  • My panels disappeared.  How to make a comeback?  (I all checked, including the histogram, layers, actions and adjustments)

    My panels disappeared.  How to make a comeback?  (I all checked, including the histogram, layers, actions and adjustments)

    Hello madeline,

    Please check that you have selected the correct "essentials" workspace, if you already correct then try to restore Photoshop preferences to default.

    Steps to follow:

    To re-create the Photoshop preferences files, start the application while pressing Ctrl + Alt + Shift (Windows) or command + Option + shift (Mac OS). Then, click Yes to the message, "Delete the Adobe Photoshop settings file?"

    Let us know if that helps.

    Kind regards

    ~ Mohit

  • How to make links open in Google Chrom default?

    Original title: default email application?

    Hello. I worked hard to make 8 usable and more like Win 7. I have disabled the lock screen, bought Stardock Start8 software so I can use my PC, turned off all hot corners and charming bars, or whatever they are called. I removed almost all of the pre-installed apps and app Store of Windows.

    I'm trying to figure out how to make Google Chrome open when clicking on an e-mail link? Or at least make Windows Mail using my gmail account. I have an Outlook account but I did not intend to actually use it (I use gmail for years and do not intend ever to switch).
    Thank you for your help.
    PS Normally I would never spend a lot of time to win 8 functional but unfortunately I was unable to install one on my XT of spectrum HP Linux distributions
    :( Don't know why...

    What is your default e-mail program?  All default values set for this program in the control Panel\All Control Panel Items\Default Programs\Set default programs control

    See if these registry entries refer to your e-mail program.

    HKEY_CLASSES_ROOT\mailto\shell\open\command

    HKEY_LOCAL_MACHINE\SOFTWARE\Clients\Mail

    Apply your default e-mail to Gmail

    https://support.Google.com/mail/answer/10966?hl=en

  • How to make links available under Windows, Images.

    Windows 7 Professional and PSE-11

    Under the Windows images, only the first tile link is active. This means I can have only a layout open at the same time. Four of this section are grayed out. I need to use the last one, consolidate all to tabs.

    I've recreated the preferences and also a system restore to an earlier date without success. I'm working on a paper and presentation of digital scrapping class. I need help desperately.

    Thank you for your help.

    First of all go in Edition > Preferences > General and turn on allow floating documents.

  • How to make a gif to a master page from the new Web site?

    I need to transform an image in motion in a gif for a Web site.

    Use Photoshop to edit images and export to an animated GIF.

    See the link below for more details.

    How to make a GIF animated in Photoshop [tutorial]

    Nancy O.

  • In windows 7, how to make firefox automatically starts when I turn on the pc. ?

    In windows 7, how can I make firefox starts automatically when I turn on the pc

    Start menu-> startup folder-> shortcut icon Firefox drag in the startup folder.

    If you don't have a startup folder in the Start Menu, create a new folder named "Startup" in the Start Menu-> shortcut icon Firefox drag in the startup folder.

    Check and tell if its working.

  • How to make a music CD is inserted, added to the list of Windows Media Player library?

    Windows media player

    How to make a music CD is inserted added to my list of Media Player library? No installation of 'Add' seems to be available.

    How to make a music CD is inserted added to my list of Media Player library? No installation of 'Add' seems to be available.

    It is called 'rip '.

    Insert the CD > when Windows Media Player starts to play, click on Rip to the toolbar > music CD menu appears > check mark to one you want > bottom right, click Start Rip

    Once completed, check another > click Rip > and so on... For the benefits of others looking for answers, please mark as answer suggestion if it solves your problem.

  • How to make a program available to all users if the program was installed for a user

    Basically, the problem is that I created another user account, but only a few random apps appear on it and I was REALLY looking FORWARD to having to reinstall some programs + 50 so my computer can function normally on my secondary account.  I am able to find a lot of programs installed by snooping around in Explorer and have been able to run some by creating shortcuts, but many of them (Spybot, Itunes, Google Chrome, THE LIST GOES ON!) nothing do when the .exe is open and are unusable (on this account).
    Also, I want to say there is no page support for Windows 7 that cover this topic (that I could find by using the provided search engine), and the more those (as for windows 2000) do not apply because they tell you to move files Windows has more, but it is a known problem and Microsoft should incorporate a simple way to add or remove accounts without uninstall/install programs just to be able to check a box... _ Perhaps there could even be an option for this in a very obvious place, as installed programs list of the filth or user account settings.

    Emzzey wrote:
    > Fundamentally, the problem is that I created another user account, but only a few
    > random applications appear on it and I was REALLY looking FORWARD to having to reinstall some
    > + 50 programs while my computer can run normally on my secondary account.
    > I am able to find a lot of programs installed by snooping around
    > Explore and have been able to run some by creating shortcuts, but a large number of
    > (Spybot, Itunes, Google Chrome, THE LIST GOES ON!) don't do nothing when the .exe
    endered useless (on this account).
    >
    >
    > Also, I want to say there is no page support for Windows 7, which deal with these
    > subject (that I could find using the search engine provided) and older
    > (as for windows 2000) do not apply because they tell you to move files that
    > Windows has more, but it's a known problem and Microsoft
    > should include an easy way to add/remove programs of accounts without
    > uninstall/install just to be able to check a box... _, may be
    > could even be an option for this in a very obvious place, like user account
    > settings or the bitch list installed programs!

    Any application that is properly designed to work on Windows 7
    either would give the person making the installation option to
    make the application available to all users, or do it automatically.
    by default. It is entirely the responsibility of an application
    programmers and out of Microsoft's control. Thus, the easiest way, of
    of course, is to use an application that is designed for a multi-user operating system.
    But, unfortunately, this is not always an option, where companies must rely on
    existing proprietary applications.

    If you install the legacy application places its shortcuts
    only in the start of the person performing the installation, all the
    You may need to do is to move these Start Menu entries to the same
    location in the C:\ProgramData\Microsoft\Windows\Start start\program
    folder and/or the C:\Users\Public\Public Desktop folder.

    In addition, such an incompatible application can offer additional
    "challenges:

    You may experience problems if the software has been designed to
    Win9x / Me, or if it was intended for Windows NT / 2 K/XP, Vista/Win7, but was
    poorly designed. Quite simply, the application 'knows' how
    manage individual user with different security permissions profiles
    e going to
    'banned' sections of the Windows registry or Windows protected
    system folders.

    For example, the saved data is often stored in a subfolder under the
    folder of the application in C:\Program Files - a place where it doesn't
    the inexperienced user or limited should never have write permissions.

    It may even be that the software requires 'write' access to the parties
    the registry or the files/folders to systems protected are not normally
    accessible to regular users. (He * didn't * happen if the application is)
    correctly written.) If this does not prove that that is the case, however, you
    often left with three options: either grant the required users
    privileges of senior access (either as users with power or local
    Administrators), explicitly grant privileges for normal users
    the relevant records and/or parts or the registry or replace the
    request by another who has been properly designed especially for
    WinNT / 2 K/XP/Vista/Win7.

    Some programs do not work if you connect limited account
    http://support.Microsoft.com/default.aspx?scid=KB; EN-US; q307091

    In addition, here are some tips suggested, in response to a
    another post, MS - MVP Kent W. England:

    "If your game or your application works with administrator accounts, but not with."
    limited accounts, you can set it to allow limited users to access to the
    folder Program files with 'change' ability rather than 'read' that
    is the default value.

    C:\>Cacls "Program Files\appfolder" /e /t /p user: c

    where "appfolder" is the folder where the application is installed.

    If you want to undo these changes, then run

    C:\>Cacls "Program Files\appfolder" /e /t /p user: r

    NOTE: On Win7 Icacls.exe gives more control.

    If you still have a problem with the delivery of the program or save the settings
    on limited accounts, you may need to change the permissions in the registry
    keys. Run regedit.exe and go to HKLM\Software\vendor\app, where
    the key of the Publisher of the software used to your own
    program. Change the permissions on this key to allow users full control. »

    --

    Bruce Chambers

    Help us help you:
    http://www.CatB.org/~ESR/FAQs/smart-questions.html

    http://support.Microsoft.com/default.aspx/KB/555375

    They who can give up liberty for a little temporary
    safety deserve neither liberty nor safety. ~ Benjamin Franklin

    A lot of people could die rather that thinking; in fact, most do. ~ Bertrand Russell

    The philosopher never killed the priests, while the priest was
    has killed a large number of philosophers.
    ~ Denis Diderot

  • Re: How to make a video to a Web site on the first

    bit of a luddite here.  first pro has just started, it's a blank slate.  How to make a video of a website in preview?

    [Branched out in a new thread, mod]

    Hi Eric,.

    At the bottom of the video screen, there are tools for users to modify and use portions for your personal use.

    I tried. You must have an account first. Then, drag the handles to pick your snippet. The clip will be saved in your account page. At the bottom right are the download options. Only the version low quality is free. The superior quality that would work very well in Premiere Pro require a small fee. Pay for the file download and then import them into Premiere Pro. Hope that helps.

    Kind regards

    Kevin

  • How do I link text composition in another publication to the 3d layer

    layers.png

    I bought this after the model of the effect that allows me to edit the text and insert pictures.  He only gave me 7 slots for text and photos if I want to create more than 3.  If I copy this composition, even if I had a comp 08 text with different images that 3d layer in point 3 relates to this text 07 model.  This model of text 07 is not visible in the model you see above, but still point 3 knows about it.  I've reviewed a ton of videos and read several articles and I can't understand how they are linked together.  I'm new with after affects.  Just try to use it to create something to go in first.

    Nevermind I figured it.  All I had to do was drag the layer above that that I wanted to replace and he picked up the attributes and replaced the text 07.  I got this information from look at this link: after effects Basics - Compositions and Pre-Composing , which does something similar.  I can't believe it's that simple.  I still want to know how he connected the 2 together but for now, what I need to work.

  • How to make a web page which changes each time the user refreshes? Is it possible to Muse?

    Hi, I would like to make a simple site where the main text in the center of the page changes whenever the user refreshes the page in their browser. I guess I'll have to do a master and several pages that are all the same except for changes in the text, but I don't know how to make sure each update goes to another page and not just the home page? Is it still possible in the Muse?

    This is an example of what I'm going: : procatinator:

    Thank you!

    You can't do it with only Muse. Would be probably pretty simple to do with a bit of Javascript. Check the widget directory such that it is possible that someone has made a widget for random content. If not, maybe I'll do one this weekend. ;-)

  • How can I clear my card data that appears under the search categories cards?

    How can I remove card slots that appear under the search card categories? I have not saved favorites and I already deleted locations lately, but for some reason any previous locations appear under the different search category.

    Click on "Favorites" you show in your screen shot with zero places.

    Then, click "Recent" down to the Center.

    Then click on 'Clear' at the top left.

  • How to make links to open without copy / paste?

    I just started using Firefox, have used Thunderbird for a couple of years. Since I use Firefox when I click on links in the e-mail they don't open. I have to copy the link, then paste over to open it. How can I fix it?
    Thanks for any help!
    Chigar

    Is Firefox the default browser?

    https://support.Mozilla.org/en-us/KB/hyperlinks-in-messages-not-working#w_check-that-the-operating-systems-default-browser-is-specified

Maybe you are looking for