How can I get the navigation bar to switch when I resize the screen?

Currently, the navigation bar "bootstrap" simply disappears when I it descended under 767 pixels. I use Dreamweaver CC 2015. Everything written on this subject is old and none of the recommendations have worked.

Without finding a solution, I guess I have to remove the navigation bar "bootstrap" and create one from scratch. Thanks for any help in advance.

It's a known bug with the default "bootstrap" navigation bar in the current version of Dreamweaver CC 2015.

Select the nav item and click on the button "+" on the screen of the element in Live View mode to add the class default .navbar.

Tags: Dreamweaver

Similar Questions

  • How can I get my navigation bar to align properly in Internet Explorer?

    How can I get my navigation bar to align properly in Internet Explorer?  My www.breastcancerbodies.com site displays correctly on windows seen FIREFOX, SAFARI, OPERA, CAMINO and Mac computers, but using IE the navbar covers a part of the body of text.  Any help would be appreciated. Thank you.

    You have this piece of code (see below) in the middle of your HTML pages. How he got there, I don't know, but it is there if you need to remove it. Go to code in Dreamweaver and make view scroll down the page until you get to it, just select and delete.


  • How can I get the screen to stop on the iPad 2 air?

    How can I get the iPad Air 2 to stop turning the screen when I turn the iPad? Thanks for any help!

    Swipe up from the bottom of the screen to bring up the control center. Then press the icon that looks like a padlock inside a circular arrow. It's the lock of course button.

  • How can I get my navigation bar to stay on one line when the browser window is reduced to the minimum?

    I am new to coding and that you just created my first website in html and css.  I know that coding is quite disastrous, and I have a lot to learn and I hope someone can guide me in the way to solve this problem.  When the window is minimized, the navigation bar is broken down into 2 or 3 lines but I want the navigation bar to fit the window, regardless of the size of the client machine.

    I think I should add a media query, but I don't know if I do and if until the code to use and where to put?

    I fear that the page will be visible correctly on a desktop computer and I really want to learn how to make a fluid layout that can be accessed on 320px, 768px and 1200px.

    Any guidance would be greatly appreciated.

    Here is my code:

    HTML

    <! doctype html >

    < html >

    < head >

    < meta charset = "utf-8" >

    The Engineer < /title > < title > corset

    < link href = "styles/style.css" rel = "stylesheet" type = "text/css" media = "screen" > "

    < style type = "text/css" >

    {body

    background-color: #000;

    }

    < / style >

    < / head >

    < body >

    < div id = "container" >

    < div id = "navbar" >

    < ul id = "nav" >

    < li > < span class = "current-menu-item" > home </span > < /li >

    < li > < a href = "about.html" > about us < /a > < /li > "

    < li > < a href = "workshops.html" > workshops < /a > < /li > ""

    < li > < a href = "news.html" > News < /a > < /li > ""

    < li > < a href = "gallery.html" > Gallery < /a > < /li > ""

    < li > < a href = "contact.html" > contact us < /a > < /li >

    < /ul >

    < / div >

    < div id = "header" >

    "< img src="images/final/headerbeauty3.png "width ="1100"height ="341"alt ="of engineering the Corset">

    < / div >

    < div id = 'links' >

    < ul id = "link" >

    " < li > < a href =" https://www.Facebook.com/Bristolengineer "target ="_blank"" > < img src="images/final/fb3.png" width = "200" height = "45" alt = "follow us on Facebook" > < /li > "

    " < li > < a href =" https://Twitter.com/Engineerscorset "target ="_blank"" > < img src="images/final/twitter2.jpg" width = "200" height = "45" alt = "Follow us on Twitter" > < /a > < /li > "

    < /ul >

    < / div >

    < div class = "charming" >

    < img src = "images/final/CD Logo fin.png" width = "240" height = "200" alt = "Chantry Dance Company" >

    < / div >

    < div class = "about" >

    < P > corset engineer is a new play written by Janet Goddard for the performance by the Bristol community in 2015. < br > ~ < br >

    The game is based on the extraordinary events of real life of 1843 surrounding Catholic.org Kingdom Brunel's near-death experience after having swallowed a coin.  We travel through time to discover the adventure and horror of the Victorian industrialization. < Br > ~ < br > using the Corset of a community theater group The Engineer tells a familiar story of Brunel near death experience when he swallows a half sovereign gold. His wife, Mary fights to keep his cool but is torn by the waiting game. His servants and his staff, using dance and sound, expand his horizons. Like Mary the public too will see life in the 1840s through a different lens. < /p >

    < / div >

    < div class = "workshops" >

    "< img src="images/final/bridgebridge.jpg "width ="1100"height = '713' alt ="clifton suspension bridge">

    < span > < a href = "workshops.html" > will host us a series of workshops before production and hope that you will join us.  For more information, click here. < /a > < / span >

    < / div >

    < div id = "sponsorspace" > < / div >

    < div id = "footer" > < p > & copy; Heartprints Web Design 2014 < /p > < / div >

    < / div >

    < / body >

    < / html >

    CSS

    @charset "utf-8";

    / * CSS document * /.

    {body

    do-family: Arial, Helvetica, without serif.

    font-size: 125%;

    }

    @media screen {}

    #navbar:

    #navbar li {}

    Police: Arial 25px;

    display: inline;

    list-style-type: none;

    Background: #09F;

    Color: #000;

    border-radius: 20px;

    Padding: 15px 25px;

    }

    .the-menu-item {}

    color: #0FF;

    }

    #navbar a {}

    Padding: 15px 25px;

    background-color: #6cf;

    Color: #000;

    text-decoration: none;

    border-radius: 20px;

    }

    #navbar a: hover {}

    background-color: #0FF;

    Color: #000;

    Padding: 15px 25px;

    }

    #header {}

    Width: 1100px;

    height: 340px;

    margin-left: 50px;

    margin-top: 0px;

    margin-bottom: 0px;

    border-style: ridge;

    border width: 5px;

    border-color: #09F;

    }

    #links li {}

    display: inline;

    Width: 700px;

    margin left: 300px;

    }

    {.chantry}

    margin left: 40px;

    }

    .about {}

    position: relative;

    Width: 860px;

    text-align: center;

    background-color: #CCC;

    Color: #000;

    border-style: ridge;

    width of the border: 3px;

    border-color: #09F;

    border-radius: 15px;

    float: right;

    margin-top:-200px;

    right margin: 90px;

    }

    level {}

    position: relative;

    Width: 1100px;

    height: 713px;

    font-size: 24 PX.

    margin-left: 50px;

    border-style: ridge;

    border width: 5px;

    border-color: #09F;

    top of the margin: 130px;

    }

    level span {}

    position: absolute;

    Background: #6CF;

    Color: #000;

    left: 30px;

    top: 30px;

    right: 800px;

    Padding: 15px;

    font: 1em Georgia, serif;

    make-style: italic;

    text-align: center;

    border: 5px solid #09F;

    border-radius: 20px;

    top of the margin: 35px;.

    }

    duration of grade a {}

    Color: #000;

    }

    #link li {}

    border-style: solid;

    border-color: #6CF;

    padding: 10px 10px 30px of 5px;

    }

    {} .info

    text-align: center;

    Width: 1100px;

    top of the margin: 50px;

    margin-bottom: 50px;

    }

    . CDC {}

    float: left;

    right margin: 50px;

    left margin: 45px;

    }

    {.workshopinfo}

    height: 250px;

    text-align: center;

    top of the margin: 50px;

    }

    .pictures {}

    Height: 500px;

    text-align: center;

    top of the margin: 50px;

    }

    #footer {}

    text-align: center;

    top of the margin: 700px;

    color: #0CF;

    }

    {.brunel}

    top of the margin: 50px;

    margin left: 400px;

    }

    {#workshops2}

    Width: 1000px;

    border-style: outset;

    border width: 5px;

    Padding: 15px;

    border-color: #09F;

    background-color: #6CF;

    margin left: 100px;

    text-align: center;

    }

    #workshops2 a {}

    Color: #000;

    }

    {#sponsorspace}

    height: 300px;

    background-color: #6CF;

    border-style: outset;

    border-color: #09f;

    top of the margin: 15px;

    }

    Gives #navbar a width that is large enough to hold all the buttons it contains.

    {#navbar}

    Width: ###px;

    }

    Replace # with a number of pixels, large enough to hold the nav buttons.

  • How can I get the screen foxfire of origin at the time I opened foxfire?

    Now, I get an advertisement below the place where I enter my question. I had to remove it and return to the original screen life

    Hello

    Try Firefox Safe mode to see if the problem goes away. Safe mode is a troubleshooting mode, which disables most of the modules.

    (If you use it, switch to the default theme).

    • Under Windows, you can open Firefox 4.0 + in Safe Mode holding the key SHIFT key when you open the desktop Firefox or shortcut in the start menu.
    • On Mac, you can open Firefox 4.0 + in Safe Mode holding the key option key when starting Firefox.
    • Under Linux, you can open Firefox 4.0 + with leaving Firefox then go to your Terminal and running Safe Mode: firefox-safe-mode (you may need to specify the installation path of Firefox for example/usr/lib/firefox)
    • Or open the Help menu and click on the restart with the disabled... modules menu item while Firefox is running.

    Once you get the pop-up, simply select "" boot mode safe. "

    If the issue is not present in Firefox Safe Mode, your problem is probably caused by an extension, and you need to understand that one. To do this, please follow article Troubleshooting extensions, themes and problems of hardware acceleration to resolve common Firefox problems .

    To exit safe mode of Firefox, simply close Firefox and wait a few seconds before you open Firefox for normal use again.

    When find you what is causing your problems, please let us know. It might help others who have the same problem.

    Thank you.

  • How can I get the screen keyboard to stop appearing?

    whenever I sign on my user account from the keyboard to the screen, but also a pop magnifer up how can I prevent this?

    http://ITsVISTA.com/2007/06/ITsVISTA-tip-60-hide-a-persistant-on-screen-keyboard-in-Vista/

    How to disable the on-screen keyboard.

    http://wiki.answers.com/Q/How_do_you_turn_off_magnifier_in_windows_vista

    Click on the windows at the bottom of the icon to the left of your screen. Go to the control panel. Then click on ease of access. Now click ease of access Center. Now, click on make the computer easier to see. Now, uncheck activate the narrator and/or turn on the Magnifier. To finish, click on apply.

    See you soon. Mick Murphy - Microsoft partner

  • How can I get the screen adapters?

    I just got this old Tower after moving... load the windows xp disc with what he came... seems that it does not load the graphics cards... There is no subject in the Device Manager... it only picks up the card while it is plugged... I have been through the system and can not find anything to do with the device...
    Help...
    thnx

    The rocks of XP has track you on the right.

    But there are a few weird things...

    Information on the system that you are using an Intel 82810 Graphics adapter... but as near as I can tell, the motherboard for Dell XPS Gen 2 is not any graphical support integrated:
    http://www.lyberty.com/tech/sysspecs/XPS/ and http://ark.intel.com/products/27711/Intel-82875P-Memory-Controller

    You say that your graphics card is a Radeon 4670, but according to Dell, the XPS Gen 2 came with a Radeon 9800 Pro, a Radeon 9800 XT or an nVidia GeForce 5200.

    Your old tower again, you may have been improved.  If you really have a Radeon 4670 AND it is in the agp slot (there's a pci-e version of the Radeon 4670), you can download a driver here--> http://support.amd.com/us/kbarticles/Pages/CatalystAGPHotfix.aspx

    And I don't really understand your list of 'components removed,' which is a combination of hardware and software.  It's one thing to delete "Internet games" or "music samples", but I do not understand what is meant by removing Ethernet (LAN), Modems, graphics cards, etc. (and I would be very surprised if a tower as the XPS had same "Wireless Ethernet (WLAN)" in the first place.

  • Just recently, my screen is black and the words are white or a color, only when I open firefox? How can I get the screen back to white?

    bold text

    See:

  • iPhone Sync with PCI trying to sync my iphone to my computer via i-tunes soft ware.  It does give me an option for the phone device. How can I get the phone icon in the menu bar?

    I am trying to sync my iphone to my computer via i-tunes soft ware.  It does give me an option for the phone device. How can I get the phone icon in the menu bar?

    Mac or Windows?

  • How can I get the command bar, for e-mail, etc..

    How can I get the command bar in Mozilla? For the icon to email etc.

    If you want to learn the basics try this interactive and video tour

  • I just download v4.0. How can I get the third arrow back button navigation, which allows the selection of a page forward or back?

    I just download v4.0. How can I get the third arrow back button navigation, which allows the selection of a page forward or back?

    Don't know how to get the exact button back (sorry) I dig around too much to do...
    But! Today, I found by chance that by clicking and holding on the back button the same box to popup in last-12-sites and you can stream on the list to return to that particular site.

    Not exactly what you (and me) tried but at least the functionality is there.

    Good luck!

  • How can I get my menu bar on my macbook pro? The dock also disappeared. I know I have to take my pointer upwards (or downwards), but it's a waste of time and that bothers me. Its only happens on Safari, and not on other applications.

    How can I get my menu bar on my macbook pro? The dock also disappeared. I know I have to take my pointer upwards (or downwards), but it's a waste of time and that bothers me. Its only happens on Safari, and not on other applications.

    You could try starting in safe mode:

    • Try safe mode if your Mac does not end commissioning - Apple Support

    Which can allow additional troubleshooting.

    Also, sometimes there may be a hardware problem which may help a SMC reset with

    Depending on the cause:

    • Reset the management system (SCM) controller on your Mac - Apple Support

    You can try the test equipment to see what appears in the results:

    • With the help of Apple Hardware Test - Apple Support

    Other options include an appointment with a genius of Apple Store or a

    service provider authorized Apple for the device inspected, diagnostic tests, etc.

    There may be system software or hardware problems, in order to solve the problems with the aim

    to see what the cause, can take time. If you have a backup in Time Machine &

    end by using OS X Recovery to see OS X Utilities usage, disk utility or

    other functions, be aware that this can make the more advanced features; It may not need.

    Because this question appears as a symptom in Safari, which makes it more curious.

    • Stop the pop-up ads and advertising on Safari - Apple Support

    http://etrecheck.com/ http://www.adwaremedic.com/index.php   

    There may be a weird extension in Safari that may relate to some adware or other

    elements, so this is another issue to consider. a report of Etrecheck may tell you if

    some candidates are there; but maybe not. I do not primarily use Safari

    so, my other two browsers work slightly differently.

    Good luck & happy computing!

  • In Windows Mail how can I get the answer, menu forward on top of the menu bar on the emails?

    In Windows Mail how can I get the answer, menu forward on top of the menu bar on the emails?

    I don't think that you can move the toolbar above the Menu bar. Or is the toolbar missing? If it is not present, right-click on an empty spot on the menu bar and check the toolbar.
  • How can I get the "network" icon in the taskbar? The box of 'network' in the bar of tasks and Start Menu Properties; Notification area; System icons, will not respond to what it is.

    How can I get the "network" icon in the taskbar? The box of 'network' in the bar of tasks and Start Menu Properties; Notification area; System icons, will not respond to what it is.

    Use this tutorial:

    http://www.Vistax64.com/tutorials/106787-notification-area-system-icons.html

    Go to method 3.

    3. for the network icon.

    (B) to activate the icon network - Enable_Network.reg< click="" to="">

    * Don't forget to restart to complete the procedure. ***

  • How can I get the menu bar with preview in browser and Code, split Code, design to appear? (DW CC) Accidentally deleted and cannot locate.

    I have accidentally disabled Standard or Document to the menu bar, now I can't locate the Code, code split, preview in browser and others.

    How can I get the menu bar with preview in browser and Code, split Code, design to appear? (DW CC)

    Found.  View > toolbars > Document.

Maybe you are looking for

  • Import photos, maybe?

    Coming from Windows, I have a folder of photos, and there are many, many photo albums. Directly from my Windows computer, I copied all the pictures in the pictures folder on my Mac. Currently, if I want to get a glimpse of the images, etc. I have to

  • How to open the cover slot of memory on Satellite M60?

    Hello I want to add memory in my M60, but I do not understand how to access the inside... It seems easy to open the back of the drive hard, but for the record, I unscrew and after, the "door" stay in place and do ' t want to be removed... Thank you

  • Windows 7 651 connection error

    I have ADSL with a 6200 Westell modem configured for a Linksys wtr310N router. I have configured the 'Bridge' of the modem Mode and configured the Linksys with PPPoE. When I try to connect with my laptop running XP I am connected and everything works

  • How to export the format imx50 after effects or premiere pro or encode

    Help please!my lack of customer is a format of imx50 out for sony.I don't know who makes it. If anyone can help please.Thank youEugene a.

  • video and audio without a link? can someone help me asap thank you

    Hey guys this is the first time im having this problem and have no idea what I did or how to fix it. I added the video of my time online when I click to drag the video, the audio does not move there is always there to make video out of synce see scre