"Bootstrap" Menu drop-down

Hi all

I used a model of "bootstrap" in Dreamweaver CM³ and works from the drop-down list. But is it possible to make the drop down menu cover 100% width instead?

Something similar to this site. Revel by Harman - Revel . Hover over the menu PRODUCTS and see the menu pull-down cover 100% width.

Thanks in advance.

View the source code for your example page.  You will see the menu code and product details panel nested inside

    tags in the middle of the extra div "lines" and "col" class

    If you scroll down, you will see the custom jQuery function that reveals the product details panel.

    It is not difficult to do, but it requires some custom coding skills.

    Nancy O.

Tags: Dreamweaver

Similar Questions

  • Problems of menu drop-down

    No idea why my drop-down menus do not work?  Also, brought back to the cell phone, the three drop-down bar no longer work.

    Web page: Marco AVID

    <! doctype html >

    < html >

    < head >

    < meta charset = "utf-8" >

    < meta http-equiv = "X-UA-Compatible" content = "IE = edge" >

    < meta name = "viewport" content = "width = device-width, original scale = 1" >

    AVID Marco < title > < /title >

    < link href = "Index css/multiColumnTemplate.css" rel = "stylesheet" type = "text/css" >

    < link href = "Index css/bootstrap.css" rel = "stylesheet" type = "text/css" >

    < style type = "text/css" >

    a: link {}

    Color: #000000;

    text-decoration: none;

    }

    a: visited {}

    text-decoration: none;

    color: rgba (0,0,0,1);

    }

    a: hover {}

    text-decoration: none;

    Color: #000000;

    }

    a: active {}

    color: #FCFCFC;

    text-align: center;

    }

    < / style >

    <! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >

    <!-WARNING: Respond.js does not work if you view the page via file://-->

    <!-[if lt IE 9] >

    " < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .

    " < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .

    <! [endif]-->

    < / head >

    < body bgcolor = "#FFFFFF" style = "padding-top: 70px" >

    < div class = "container" >

    < header >

    < div class = "primary_header" >

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

    < 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 = "#topFixedNavbar1" aria-expanded = "false" > < span class = "sr only" > toggle navigation </span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < / button >

    < / div >

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

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

    < ul class = "navbar-nav nav" >

    < class li = "active" > < /li >

    < class li = "active" > < /li >

    " < li > < a href =" https://MFmS.schoolloop.com/Portal/login?d=x & 1414597056174 = return_url "title ="Schoolloop' target = '_blank' > Schoolloop < /a > < /li > "

    " < li > < a href =" https://portal.capousd.org/ParentPortal/LoginParent.aspx?page=default.aspx "title = 'Portal' target = '_blank' > Student & Parent < /a > < /li > Portal "

    < li > < a href = "Events.htm" title = "Events" target = "_blank" > events on demand < /a > < /li > "

    < class li = "dropdown" > < a href = "#" title = "Photos & amp; Video class' = 'list drop-down-turn' aria-expanded = "false" aria-haspopup = "true" role = "button" data-toggle = "dropdown" > Photos & video < span class = "circumflex accent" > < / span > < /a >

    < ul class = menu "dropdown" >

    class 2016-2019 < /a > < /li > < li > < a href = "2019_album.html - 2016" >

    < li > < a href = ' 2015 - 2018_album.html "> class of 2015-2018 < /a > < /li >

    < li > < a href = "2014 - 2017_album.html" > class of 2014-2017 < /a > < /li >

    < li > < a href = ' 2013 - 2016_album.htm "> class of 2013-2016 < /a > < /li >

    < li > < a href = "2015_album.htm - 2012" > class of 2012-2015 < /a > < /li >

    < li > < a href = ' 2011 - 2014_album.htm "> class of 2011 to 2014 < /a > < /li >

    < li > < a href = ' 2010 - 2013_album.htm "> class of 2010-2013 < /a > < /li >

    < li > < a href = ' 2009 - 2012_album.htm "> class of 2009-2012 < /a > < /li >

    < li > < a href = ' 2009 - 2011_album.htm "> class of 2009-2011 < /a > < /li >

    < li > < a href = ' 2008 - 2010_album.htm "> class of 2008-2010 < /a > < /li >

    < li > < a href = "2006 - 2008_album.htm" > promotion 2006-2008 < /a > < /li >

    < li > < a href = "2004 - 2006_album.htm" > promotion 2004-2006 < /a > < /li >

    < li > < a href = "#" > promotion 2003-2005 < /a > < /li >

    < li > < a href = "ALBUMS/2002_Yearbook.pdf" > class of 2000-2002 < /a > < /li > ""

    < li > < a href = "ALBUMS/1999_AVID.pdf" > class of 1997-1999 < /a > < /li > ""

    < /ul >

    < /li >

    < class li = "dropdown" > < a href = "#" title = "Tips for Parents" class = "menu drop-down-toggle" aria-expanded = "false" aria-haspopup = "true" role = "button" data-toggle = "dropdown" > tips for the Parents of AVID < span class = "circumflex accent" > < / span > < /a >

    < ul class = menu "dropdown" >

    < li > < a href = "AVID_Parents.htm" title = "Tips for Parents" target = "_blank" > English < /a > < /li > "

    < li > < a href = "AVID_Parents_Spanish.html" target = "_blank" > Español < /a > < /li > "

    < /ul >

    < /li >

    < /ul >

    < ul class = "navbar-nav, navbar-right nav" >

    < li > < a href = "AVID Application.pdf" title = 'Application' target = '_blank' > Application AVID < /a > < /li >

    < class li = "dropdown" > < a href = "#" title = "On Marco AVID" class = "menu drop-down-toggle" aria-expanded = "false" aria-haspopup = "true" role = "button" data-toggle = "dropdown" > on Marco AVID < span class = "circumflex accent" > < / span > < /a >

    < ul class = menu "dropdown" >

    < li > < a href = "AVID_History.htm" > story < /a > < /li > AVID ""

    < li > < a href = "Marco_AVID_History.htm" > story Marco AVID < /a > < /li > ""

    < li > < a href = "avid_statistics.htm" > AVID statistics < /a > < /li > ""

    < li > < a href = "faq.htm" > frequently asked Questions < /a > < /li >

    < role li "separator" = class = "divisor" > < /li >

    < li > < a href = "Recruitment.mp4" target = "_blank" > < /li > < /a > information video "

    < li > < a href = "Recruitment_in_Spanish.mp4" target = "_blank" > video Informativo de AVID < /a > < /li > "

    < /ul >

    < /li >

    < /ul >

    < / div >

    <!-/ .navbar-collapse->

    < / div >

    <!-/ .container-fluid->

    < / nav >

    < img src = "images/sequence - 01.gif" class = "img-reagent" alt = "" > < / div >

    < br >

    < / header >

    < center >

    < div class = "btn-group" role = 'group' aria-label = «...» ">

    " < a href =" https://MFmS.schoolloop.com/Portal/login?d=x & 1414597056174 = return_url "target ="new"> < / a > "

    " < a href =" https://portal.capousd.org/ParentPortal/LoginParent.aspx?page=default.aspx "target ="new"> "

    < /a >

    < a href = "AVID Application.pdf' target = '_blank' >

    < /a >

    < a href = "AVID_Parents.htm" target = "_blank" > "

    < div class = "btn-group" >

    < / div >

    < /a >

    < a href = "6th_grade_resources.htm" title = "6th Grade resources" target = "_blank" > "

    < button type = "button" class = "btn, btn-default" > 6th Grade resources < / button >

    < /a >

    < a href = "7th_grade_resources.htm" title = "7th Grade resources" target = "_blank" > "

    < button type = "button" class = "btn, btn-default" > 7th Grade resources < / button >

    < /a >

    < a href = "8th_grade_resources.htm" title = "8th Grade resources" target = "_blank" > "

    < button type = "button" class = "btn, btn-default" > 8th Grade resources < / button >

    < /a >

    < div class = "drop neck-lg-1" >

    < p > < a class = "dropdown-point list" href = "2019_album.html - 2016" > class of 2016-2019 < /a > < p >

    < p > < a class = "dropdown-point list" href = "2015 - 2018_album.html" > class of 2015-2018 < /a > < p >

    < p > < a href = "2014 - 2017_album.html" target = "_blank" class = "menu drop-down-item" > class of 2014-2017 < /a > < p >

    < p > < a href = ' 2013 - 2016_album.htm "target ="_blank"class ="menu drop-down-item"> class of 2013-2016 < /a > < p >

    < p > < a href = ' 2012 - 2015_album.htm "target ="_blank"class ="menu drop-down-item"> class of 2012-2015 < /a > < p >

    < p > < a href = ' 2011 - 2014_album.htm "target ="_blank"class ="menu drop-down-item"> class of 2011 to 2014 < /a > < p >

    < p > < a href = ' 2010 - 2013_album.htm "target ="_blank"class ="menu drop-down-item"> class of 2010-2013 < /a > < p >

    < p > < a href = ' 2009 - 2012_album.htm "target ="_blank"class ="menu drop-down-item"> class of 2009-2012 < /a > < p >

    < p > < a href = ' 2009 - 2011_album.htm "target ="_blank"class ="menu drop-down-item"> class of 2009-2011 < /a > < p >

    < p > < a href = ' 2008 - 2010_album.htm ' target = '_blank' class = "menu drop-down-item" > class of 2008-2010 < /a > < p >

    < p > < a href = "2006 - 2008_album.htm" target = "_blank" class = "menu drop-down-item" > promotion 2006-2008 < /a > < p >

    < p > < a href = "2004 - 2006_album.htm" target = "_blank" class = "menu drop-down-item" > promotion 2004-2006 < /a > < p >

    "< p > < a href="ALBUMS/AVID_2003-2005/2003-2005_AVID.mp4 "target ="_blank"class ="menu drop-down-item"> 2003-2005 < /a > < p > promotion

    < p > < a href = "ALBUMS/2002_Yearbook.pdf' target = '_blank' class ="menu drop-down-item"> class of 2000-2002 < /a > < p >"

    < p > < a href = "ALBUMS/1999_AVID.pdf' target = '_blank' class ="menu drop-down-item"> class of 1997-1999 < /a > < p >"

    < / div >

    Thank you!

    Links to these files are incorrect on your download page, here's why...

    The... / to link resources ' move to a directory "so away which is located in the folder root of your site, the IndexA.html page you gave as an example, the link to the page"... / js/bootstrap.js "says the browser to" mount a directory and look for a folder called js, and then open the file called bootstrap.js.

    No Viewer online will have access to this directory because it is one higher than the root of the site (the first directory available to the public for your site). If scripts on these files cannot be run by the user's browser because they don't have access to the directory, in that they are supposed to be.

    Something went wrong, be it with your site definition, or of your download, causing these links to create properly.

    If these files are located in a folder called js in the root of your site (on the same level as IndexA.html), you can remove the... / in front of them to add a link to the page for scripts.

  • How can I order by alphabet created list on a menu drop-down?

    How can I order by alphabet created list on a menu drop-down?

    Click the cell that contains the data of cell format pop-up menu. On the cell on the right Panel tab, you will see these menu items. Drag to reorder alphabetically. There is no provision to automatically sort this list of menu items.

  • Cannot use my address bar. Press enter, nothing happens. Click on menu drop down and it will not go to the address

    Address bar does not work. Will not open search or site Web open, even when I click on addresses in the menu drop-down. I tried to start in safe mode and I tried Firefox refreshing. I even tried to reinstall Firefox. Any suggestions?

    I did a system restore, after seeing some other problems with my computer. Now, it seems to work correctly. I think that refreshing Firefox may not have worked until I did the restore, because he tried to open my previous session, even after rebooting. When I started after restoring the system, is no longer a bookmarked or saved passwords. So I'm not sure what I did than the fixed, but it seems to work now. Thanks for all the help

  • Menu drop-down list does not apear, instead of this, there is a miniature version of the Thunderbird window. How to fix?

    On a new installation of Thunderbird running on a new instalation of Windows 7 in the dropdown menu will not work. By clicking on the list of the menu drop-down appears, but instead to be filled with tryies to squeez options in a copy of the window full thunderbid - see the screenshot.

    Restart in SafeMode it works OK.

    Any ideas how to fix?

    No picture, but try this
    https://support.Mozilla.org/en-us/questions/1012145

    Not better?

  • addresses of Firefox in the navigation bar are missing/replaced by different menu drop down

    When I type in an address, the drop down menu no longer contains the same list of addresses as always. Instead, there is a list of locations (less actual addresses www.com beneath each) in bold and some places are repeated in the menu drop down but take me to a different site. Its a game guessing where Im going when I click on one. Next to each entry, there is a magnifying glass icon which was not there before. I was search playback for almost 3 hours trying to trouble shoot the issue and Ive tried to restore default with no luck. It's really annoying me... Any suggestions?

    It can happen because your some bars of tools and malware too...

    Hello

    The reset Firefox feature can solve a lot of problems in restaurant Firefox to its factory default condition while saving your vital information.
    Note: This will make you lose all the Extensions, open Web sites and preferences.

    To reset Firefox, perform the following steps:

    1. Go to Firefox > help > troubleshooting information.
    2. Click on the button 'Reset Firefox'.
    3. Firefox will close and reset. After Firefox is finished, it will display a window with the imported information. Click Finish.
    4. Firefox opens with all the default settings applied.

    Information can be found in the article Firefox Refresh - reset the settings and Add-ons .

    This solve your problems? Please report to us!

    Thank you.

  • Add a Web site to menu drop-down

    How can I add a sute of web for the menu drop-down

    This drop-down list is automatically populated with sites you have already visited. I'm not aware of any way to select the items manually.

  • I created a custom and registered with a specific name date format. However, when I open a new worksheet, my saved format does not display in the menu drop-down? Am hoping that I don't need to create the same format for each new sheet?

    I created a custom and registered with a specific name date format. However, when I open a new worksheet, my saved format does not appear in the menu drop-down? Am hoping that I don't need to create the same format for each new sheet?

    You must save the spreadsheet containing the new date as a model format and use this custom template for each new spreadsheet where you want that this date format personalized at your disposal.

  • symbols of site little left of the names of sites in favorites have disappeared in the menu drop-down

    These are the small individual square symbols identify the Web site. They are present when checking under "Show all bookmarks" menu drop-down [which opens the info files], but do not show that they were previously in individual link lines in the menu drop-down.

    Hi nateich2,

    You should take a look at this article which discusses some of the problems with the latest version of Firefox.

    There is some information here that should help you solve your problem. Fortunately, this is a very easy solution.

    Hope this helps!

  • menu drop-down icons sparkle and cannot be read

    for the latest versions of several menu drop downs and pitchers will stay visible long enough to read the ads and make a choice. Is there a setting that I can't find?

    Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > appearance/themes).

    Try turning off hardware acceleration.

    • Tools > Options > advanced > General > Browsing: "use hardware acceleration when available.

    If disable hardware acceleration works then check if there is an update available for your graphics display driver.

  • New Firefox doesn't have a history of menu drop down reliable - help!

    I've just upgraded to the latest version of Firefox and makes a few versions that I did that. An important feature that I use in my work is now gone! I need to be able to work my way through screens of 3-4 on our Web site, and then return to the first screen to enter a different search term, spend 3-4 screens, go back to the first screen for a new period of research, etc.. Because of the way our system is set up it is not possible for me to simply mark the first screen - I need to come back as it was, over and over again.

    Help, I can't do it now! Used to be I could pull down a menu drop-down 'history' from the back button, but it is no longer possible. The list of actual history, when I go to him in the menu does not list for just the page history that I am on, for some reason any and does not give me the link to the screen, that I need to come back.

    It's very very frustrating - it looks like a feature was removed, and I need this feature to do my job effectively. Can you help me to add this back to the next version of Firefox or to let me know how I can go back to the previous version if I use this feature? Please - thanks.

    The arrow to open the history tab of the previous buttons and following was removed in Firefox 4 and later versions.

    Use one of the following methods to open the tab history list:

    • Right-click on the back or next button
    • Press and hold the left button of the mouse on the active back or forward button until the list opens

    You can watch this extension:

  • Epson Workforce 545 all-in-One: project of black and white print option is no longer in the menu drop-down

    Hello. I am trying to print in draft mode, black and white, but since I recently installed and then uninstalled a printer canon, printer all-in-one Epson Workforce 545 is more offers me black and white mode fast draft on the menu drop down.

    Thanks in advance for your help.

    It is a forum of HP.  The Epson Workforce 545 you had to best results in the Epson support pages here.

  • "When I click on: Favorites" menu drop-down will remain visible. It flashes and the.

    When I click on 'Favorites' from the menu drop-down flashes momentarily and is therefore not visible. If I hover over the list, each bookmark flashes momentarily and then not be visible. The list is actually still there because when I go to where it should be, the hyperlink is displayed in the lower left corner of the window.

    In Firefox 4 and later Safe mode disables extensions and disables hardware acceleration.

    Try turning off hardware acceleration.

    • Tools > Options > advanced > General > Browsing: "use hardware acceleration when available.

    If disable hardware acceleration works then check if there is an update available for your graphics display driver.

  • The bookmarksdrop in the menu drop-down is too big, as it covers the greater part of my screen - how can I make it smaller.

    Whenever I select the menu drop down Favorites, it is so big that it covers the major part of my screen. Then, when I go to a folder in the drop-down menu, if I stop to any other folder, it opens and is so great that the menu drop-down or completely covered. This is VERY irritating and I never had this problem before moving on to Firefox 5.0. How do I don't cure it?
    I use a MacBook with a 13 "screen

    It is probably because you have one or more bookmarks with a long title.

    The width of a column in the list of bookmarks is in the current versions of Firefox automatically adjusted the bookmark with the longest name.

    You can check the names of the bookmarks and the longer more short.

  • Is there a way to return to the menu drop-down button "return"?

    It's a giant pain click back several times when before I could just look in the menu to find the page I wanted to come back.

    Is there a way to do this somewhere else perhaps?

    You can get the menu drop-down by clicking on the previous/next buttons or now the left key pressed until the list is displayed.

    If you want the drop-down arrow, you can add it with the add-on of dropmarker rear - https://addons.mozilla.org/firefox/addon/backforward-dropmarker

Maybe you are looking for