Bootstrap Navbar

Hi all


I got the code on the site "bootstrap" below. I'm trying to have the submenu (highlighted in red) to 100%, stretched from the left to the right of the screen instead of 240px or whatever it is now. How can I do?

< 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="#bs-example-navbar-collapse-1 "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 >

< a class = "brand navigation bar" href = "#" > brand < /a >

< / div >

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

< div class = "navbar-collapse collapse" id = "bs-example-navbar-collapse-1" >

< ul class = "navbar-nav nav" >

< class li = "active" > < a href = "#" > link < span class = "sr only" > (ongoing) </span > < /a > < /li >

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

< class = "dropdown" li >

< a href = "#" class = "menu drop-down-turn" data-toggle = "dropdown" role = "button" aria-haspopup = "true" aria-expanded = "false" > drop < span class = "circumflex accent" > < / span > < /a >

< ul class = menu "dropdown" >

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

< li > < a href = "#" > another action < /a > < /li >

< li > < a href = "#" > else here < /a > < /li >

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

< li > < a href = "#" > link separate < /a > < /li >

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

< li > < a href = "#" > a more separate link < /a > < /li >

< /ul >

< /li >

< /ul >

< class form = role "navbar-shape left navigation bar" = "search" >

< div class = "form-group" >

< input type = "text" class = placeholder 'form control' = "Search" >

< / div >

< button type = 'submit' class = "btn, btn-default" > Submit < / button >

< / make >

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

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

< class = "dropdown" li >

< a href = "#" class = "menu drop-down-turn" data-toggle = "dropdown" role = "button" aria-haspopup = "true" aria-expanded = "false" > drop < span class = "circumflex accent" > < / span > < /a >

< ul class = menu "dropdown" >

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

< li > < a href = "#" > another action < /a > < /li >

< li > < a href = "#" > else here < /a > < /li >

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

< li > < a href = "#" > link separate < /a > < /li >

< /ul >

< /li >

< /ul >

< / div > <!-/ .navbar-collapse->

< / div > <!-/ .container-fluid->

< / nav >

You will need to give the drop a similar to fixed width

@media (min-width: 991px) {}

{menu drop-down}

Width: 910px;

padding: 5px;

}

}

Experimenting with questions from the media and the values of the width to get the correct results.

Tags: Dreamweaver

Similar Questions

  • Using Bootstrap navbar base, how to remove the border on the collapse?

    I use Bootstrap navbar based on my Web page. When I do the Web page lean and menus drop down to collapse, she leaves a border around menus when I open the Menu. Does anyone know what CSS do I edit to remove this border? Much appreciate it any help you can offer. Thank you!

    bootborder.png

    The out-of-the-box of the Bootstrap version doesn't have a border, so it's something that you have modified. Please give us a link to the (temporary) site so that we can see what you've done.

  • Problems with the collapse of Bootstrap Navbar

    I tried to set up a navigation Bootstrap justified and do reduce the navigation bar with the menu icon 3 lines without a bit of luck. I looked at the default start navigation bar, pulled out the 'search', 'Registration' and 'Login', given that I don't need those and tried to place the structure to collapse in my menu and probably put something in the wrong place (instructions not exactly everything very detailed on their Assembly of their menu on the website "bootstrap") and when the screen is reduced to 767px the menu disappears completely. Any help would be appreciated. Also, is there a good book that goes in depth with examples on the use of bootstrap, instead of just quickly spraying it on everything as if we already know how to use the framework? Thank you, John

    HTML:

    <! - start trial navigation - >

    < nav >

    < div class = "container-fluid" >

    < div class = "bar navigation-header" >

    < button type = "button" class = 'bar of navigation-toggle' toggle data = 'collapse' data-target = "#myNavbar" >

    < span class = 'bar icons' > < / span >

    < span class = 'bar icons' > < / span >

    < span class = 'bar icons' > < / span >

    < / button >

    < / div >

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

    < ul class = "nav justified to nav" >

    < class li = "active" > < a href = "#" > about us < /a > < /li >

    < li > < a href = "#" > < /a > < /li > team members

    < li > < a href = "#" > Subscriber packages < /a > < /li >

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

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

    < li > < a href = "#" > contact us < /a > < /li >

    < /ul >

    < / div >

    < / div >

    < / nav >

    <! - end test navigation - >

    CSS:

    @charset "UTF-8";

    / * Customize links nav-justified to be fill the entire space of the .navbar * /.

    {.nav-justified

    background-color: #cfaf86;

    border: .071428em #ccc solid;

    border-radius: .357142em;

    }

    . NAV-justified > li > a {}

    padding-top: 1.071428em;

    padding-bottom: 1.071428em;

    padding-left: .571428em;

    padding-right: .571428em;

    margin-bottom: 0;

    make-weight: bold;

    font size: .714285em;

    Color: #000;

    text-align: center;

    background-color: #cfaf86; / * Older browsers * /.

    }

    . NAV-justified > .the > a.

    . NAV-justified > .the > a: hover,

    . NAV-justified > .the > a: focus {}

    background-color: #e6cca1;

    background-image: none;

    -webkit-box-shadow: 0 .5em .214285em insert rgba (0,0,0,.15);

    box-shadow: 0 .5em .214285em insert rgba (0,0,0,.15);

    }

    justified to .nav > li: first - child > a {}

    border-radius: .357142em .357142em 0 0;

    }

    justified to .nav > li: last - child > a {}

    border-bottom: 0;

    border-radius: 0 0 .357142em .357142em;

    }

    This is a known bug in Dreamweaver CC 2015.2. You must add both classes manually in Code view, or by selecting the element of

  • Colors of links navbar

    I can define a style in my css that changes the colors of link in the navigation bar? My site is http://restmove.newheightsinc.com. Thank you.

    This will help you Bootstrap Menu Builder | Bootstrap Navbar Builder | Design tools installation

  • Background color change in Bootstrap

    Hello... New to Dreamweaver bootstrap...

    I used the basic navigation bar and want to change the background color of the drop point clicked once. Anyone know?

    Thanks in advance.

    To customize the default bootstrap navigation bar styles, use this online generator.

    Bootstrap Menu Builder | Bootstrap Navbar Builder | Design tools "bootstrap".

    Nancy O.

  • How can you cange the color of a reactive navigation bar?

    Hi all

    I have a navigation bar tailored set up with dreamweaver startup items, so I have a CSS "bootstrap".

    This CSS won't let me change anything, I know that if I put my personal CSS after the bootstrap css it on will drive it

    But what part is the nav bar... There's so many different parts, and most of them have color... I now see a nav bar by default with the color of the navigation bar.

    Do, I re write in my personal CSS or what I need to do something different?

    Thanks for the help

    Kathy

    Try this simple generator online:

    Bootstrap Menu Builder | Bootstrap Navbar Builder | Design tools "bootstrap".

    Put a custom CSS code and other bootstrap substitute in your own external style sheet to which all your HTML pages are linked.

    Nancy O.

  • nesting option missing when inserting components navbar "bootstrap".

    The nesting option is missing when you insert components navbar "bootstrap". It is there, but I had to go back and do something. Now it will only insert the navigation bar after the container div, which is not what I need.

    Thank you

    After trying several times and then wait for 15 minutes, it reappeared on its own.

  • How can I stop the navbar bootstrap back to default color after click?

    Hi everyone how are we all?

    I do my first navbar "bootstrap". I have her style

    It is with css. My problem is all

    a link that has been clicked on goes back to the default gray color.

    When I go is nice, it's as it should be (in this case red) However

    If I click on it, and then move the mouse off it goes back to the gray clear default "bootstrap".

    If I click on another link clicked the previous link goes back to the color I want, in this case black.

    The toggle button also does.

    I imagine it will be something very simple that I'm missing.

    Someone has experienced this problem or have any suggestions?

    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 = "#" > < / has > < / 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 = "#" > HOME < /a > < /li >

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

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

    < class li = "dropdown" > < a href = "#" class = "menu drop-down-turn" data-toggle = "dropdown" role = "button" aria-haspopup = "true" aria-expanded = "false" > PACKAGES < span class = "circumflex accent" > < / span > < /a >

    < ul class = menu "dropdown" >

    < li > < a href = "#" > BASIC APP KIT < /a > < /li >

    < li > < a href = "#" > VALVE PACKAGES < /a > < /li >

    < li > < a href = "#" > SILENCER PACKAGES < /a > < /li >

    < li > < a href = "#" > OFFERS COMPLETE < /a > < /li >

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

    < /ul >

    < /li >

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

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

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

    < /ul >

    < / div >

    <!-/ .navbar-collapse->

    < / div >

    <!-/ .container-fluid->

    < / nav >

    and 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 65%;

    min-width: 85px;

    margin-bottom: 0px;

    }

    {.navbar - toggle.collapsed}

    background-color: #5B5B5B;

    color: #FFFFFF;

    }

    {.navbar - toggle.collapsed:hover}

    background-color: #dc1f26

    }

    .NavBar .nav li.dropdown.open > drop-down-toggle, .navbar .nav li.dropdown.active > drop-down-toggle, .navbar .nav li.dropdown.open.active > {drop down-turn

    background-color: #000000;

    color: #DB1F26;

    }

    . NAV. Justified-NAV li a {}

    color: #FFFFFF;

    min-height: 50px;

    padding-top: 15px;

    }

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

    color: #Db1F26;

    background-color: #000000;

    border-bottom: solid thin #FFFFFF.

    min-height: 50px;

    padding-top: 15px;

    }

    dropdown dropdown-menu {}

    border-top-style: none;

    border-bottom-style: none;

    background-color: #000000;

    }

    #defaultNavbar1.nav.nav - justified dropdown {}

    }

    {menu drop-down}

    min-width: 200px;

    }

    menu dropdown li a {}

    background-color: #000000;

    }

    . Fluid container #defaultNavbar1 {}

    margin left: 65px;

    }

    @media (max-width: 649px) {}

    {.navbar-brand

    margin-bottom: 0px;

    background-position: 0% 104%;

    }

    . Fluid container #defaultNavbar1 {}

    left margin: 0px;

    }

    {menu drop-down}

    min-width: 0px;

    }

    Any help would be appreciated muchly

    PS bootstrap in dreamweaver is so much better than layouts fluid grid!

    OnClick assumes the ACTIVE Bootstrap class. So you need to set it in your custom CSS overrides.

    http://GetBootstrap.com/customize/#NavBar

    Nancy O.

  • 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.

  • NavBar bootstrap + promoting the img?

    Bootstrap 3.3.5

    My brand logo on the default navigation bar is not sensitive on the screens of xs.  Instead the "sandwich" button down to the 2nd line (not ideal).  Short of swapping with a small logo on the screens of xs, is there another solution?  < img class = "img - one ' has no effect in the navigation bar.

    Thank you

    Nancy O.

    Try:

    @media (max-width: 480px) {}

    {.navbar-brand

    Width: 80%;

    }

    brand .navbar img {}

    Max-width: 100%;

    }

    }

  • Bootstrap menu navbar dropdown menu - no access from the home page

    I have a website created with Dreamweaver CC 2015.1. The Bootstrap navigation bar contains 3 links and 1 menu drop-down. These are: home, about, Contact, available movies (drop-down). I'm unable to access the drop-down list directly from the homepage. It works very well in any of the other pages on the site. How can I fix?

    Take a look at the lines 55-61 of index.html that says

    <a>Bruce Shooting Onboard</a>

      

      

      

  • Bootstrap 3 - Navbar Background Image will not repeat (view Mobile)

    When I reduce the browser for mobile display, won't repeat my background image, is there a solution for this?

    Navigation bar - YouTube

    # 1, you must repeat the two ways - both vertically and horizontally.

    Repeat = both sense, repeat-x is alone, repeat-y = to the bottom only.

    #2, you must add a color code for the case mobile users have turned off images to save their data plan. It is good practice on all websites BTW - where do not load background images.

    {.navbar}

    background: #2B2B65 url (.. / images/navbg.png) repeat

    }

    Nancy O.

  • Text color change "bootstrap".

    So I walked Dreamweaver CM³ 2015 earlier this week and began with a tutorial on the adobe site that uses several elements "bootstrap".

    I created an html document, and first of all, I added the "container-fluid" in the Startup tab.
    Then, I added the navigation bar 'base' for this container and choose the option "nest."

    After that, I get the navigation bar.
    The first problem is that the text in the navigation bar is blue and I can't change it.
    Also when I do the smaller screen makes all the links of the navigation in a button bar, but this button is not visible because it has good color. The button is there and I can click on it and the navigation bar links become visible, but I can't see the buton.

    My question is: How can I change the color by default text and the button in the navigation bar at the black, so that whenever I have a new navigation bar, I'll have it in black instead of blue?

    I am new to Dreamweaver please one-way :')

    Sounds like me the coding errors.

    Theme by default startup:

    NavBar default navbar text = dark on light background

    navbar, navbar-reverse = light text on dark background

    If you want different colors, you can use a theme of Bootswatch.  There are a total of 16 themes.

    I have a brief video demonstration & project files on my web site.

    http://ALT-Web.com/tutorials/?ID=bootstrap-contextual-classes-themes-1

    Nancy O.

  • Change the color of 1 link of the Bootstrap navigation bar

    Hello

    I am eager to pass the roll of color of a link in the navigation bar of bootraps.

    I tried a class on this subject... no luck... I can change all the nav bar color... but I just want a roll of color of the item...

    All thoughts

    PAL

    Place the following in your custom stylesheet (do not touch the stylesheet (s)) original of Bootstrap

    .NavBar - default .navbar-nav > li > a: hover, .navbar - default .navbar-nav > li > a: focus {}

    background-color: #FFFF00;

    color: #FFC0CB;

    }

    This assumes that you have deployed the default navigation bar. If you use a different class, also adjust the colors to suit.

  • Something has changed in my bootstrap.css after deletion. Any help? Thank you.

    I had a div and add a small picture h2 title and text then he repeated several times. With the need to resize the boxes, I decided it is easier to remove them and keep just one, resize and then re - duplicate.

    This action appeared to change something in my bootstrap.css so now it has an asterisk. Now, whenever I try to save, he's trying to save bootstrap.css. I could save it as bootstrap1.css and move, but who could ruin everything. Help Adobe said that there must be an error in the source code for the cause. I don't know that it seems to me.

    If anyone has experienced this problem and knows a way out other than to start over?

    Here is the source code:

    <! DOCTYPE html >

    < html lang = "en" >

    < head >

    < meta charset = "utf-8" >

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

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

    < title > Nitpickers site < /title >

    <!-"bootstrap"->

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

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

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

    <! - 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 class = "body_color" style = "padding-top: 50px;" padding-bottom: 70px; ">

    < 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 > menu < span class = "glyphicon glyphicon-chevron-down" > < / span > < / button >

    < a class = 'bar of navigation-brand' href = "index.html" > Nitpickers < /a > < / 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" > < a href = "index.html" > < host em > < /em > < span class = "sr only" > (ongoing) </span > < /a > < /li > ""

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

    < li > < a href = "#" class = "np_links" > link < /a > < /li >

    < li > < a href = "#" class = "np_links" > link < /a > < /li >

    < li > < a href = "#" class = "np_links" > link < /a > < /li >

    < class li = "dropdown" > < a href = "#" class = "menu drop-down-turn" data-toggle = "dropdown" role = "button" aria-haspopup = "true" aria-expanded = "false" > Nitpickers specialty selections < span class = "circumflex accent" > < / span > < /a >

    < ul class = menu "dropdown" >

    < li > < a href = "#" > best Burgers < /a > < /li >

    < li > < a href = "#" > best pizza < /a > < /li >

    < li > < a href = "#" > best fried clams from New England < /a > < /li >

    < li > < a href = "#" > best wine lists < /a > < /li >

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

    < li > < a href = "#" > food Trivia Questions < /a > < /li >

    < /ul >

    < /li >

    < /ul >

    < / div >

    < / div >

    <!-/ .navbar-collapse->

    <!-/ .container-fluid->

    < / nav >

    < div class = "container-fluid" >

    < div class = "row" id = "table_setting" > < / div >

    <! - jQuery (necessary to Bootstrap JavaScript plugins) - >

    "< script src="js/jquery-1.11.3.min.js "> < / script >

    <! - include all the plugins compiled (see below), or include individual files to the need - >

    < script src = "js/bootstrap.js" > < / script >

    < div class = "row" >

    < div class = "col-lg-offset-0 col-lg-12" >

    < div class = "container-fluid banniΦre" > < span class = "banner_name" > Nitpickers </span > < br >

    < span class = "banner_subname" > more than just food critics </span > < / div >

    < / div >

    < / div >

    < section class = "row" >

    < div class = "col-lg-12" >

    < div class = "row" >

    < div class = "col-lg-offset-1 col-lg-7" > < img src = images/JWTrio1.gif"' class ="promoting the img jwtrio"alt =" Winery three Images "> < / div >

    < div class = "col-lg-3" > < img src = images/TriviaCorner1.gif"' class ="promoting the img trivia_corner"alt ="Trivia Corner"> < / div >

    < / div >

    < / div >

    < / section >

    < id article = 'Cook' class = 'row cuisines_page' >

    < div class = "col-lg-10 kitchens of col-lg-offset-1" >

    < section class = 'row cuisines_page' >

    < div class = "col-xs-6 col-lg-2" > < img src="images/svg/food-big-salad.gif" alt = "" width = "50" height = "36" class = "iconcuisine" / > < American h2 > < / h2 > "

    < P > place Chatham

    < br >

    Osprey Tavern < br >

    Pub (Pub) < br >

    Seasons 52 < br >

    Slate Restaurant < br >

    StoneWood Grill & Tavern < br >

    Urban 40 < br >

    Vines Grille & Wine Bar < /p > < / div >

    < div > < / div >

    < / item >

    < / div >

    < / section >

    < footer class 'row' = >

    < div class = "col-lg-12" >

    < class p = "footer copyrightline" >

    < nav class = "navbar, navbar-default navbar-fixed-bottom" > < / nav >

    < /p >

    < 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 = "#bottomFixedNavbar1" 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 >

    < a class = "brand navigation bar" href = "#" > brand < /a > < / div >

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

    < div class = "navbar-collapse bottombar collapse" id = "bottomFixedNavbar1" >

    < ul class = "navbar-nav nav" >

    < class li = "active" > < a href = "index.html" > < host em > < /em > < span class = "sr only" > (ongoing) </span > < /a > < /li > ""

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

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

    < ul class = menu "dropdown" >

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

    < li > < a href = "#" > another action < /a > < /li >

    < li > < a href = "#" > else here < /a > < /li >

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

    < li > < a href = "#" > link separate < /a > < /li >

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

    < li > < a href = "#" > a more separate link < /a > < /li >

    < /ul >

    < /li >

    < /ul >

    < class form = role "navbar-shape left navigation bar" = "search" >

    < div class = "form-group" >

    < input type = "text" class = placeholder 'form control' = "Search" >

    < / div >

    < button type = 'submit' class = "btn, btn-default" > Submit < / button >

    < / make >

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

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

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

    < ul class = menu "dropdown" >

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

    < li > < a href = "#" > another action < /a > < /li >

    < li > < a href = "#" > else here < /a > < /li >

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

    < li > < a href = "#" > link separate < /a > < /li >

    < /ul >

    < /li >

    < /ul >

    < / div >

    <!-/ .navbar-collapse->

    < / div >

    <!-/ .container-fluid->

    < / div >

    < div class = "col-lg-12" > < class p = "footer copyrightline" > < span class = "gplogo" > < br >

    Graphic palette </span > < br >

    < img src = "Images/Graphic_Palette.gif" width = "60" height = "62" alt ="" / > < br / > < span class = "logotext" > creations Web </span > < br / > "

    < class em = "copyrightline" > & copy; G & S Page 2016 < br > < br >

    You < /i > < / p >

    < / div >

    < / footer >

    < / div > < / body >

    < / html >

    An asterisk on the tab means that the file is not saved.

    BTW, you must create a separate file custom.css to your replacements & style changes.  This way, if you mess up big time, you can always revert to the original do not touch the Bootstrap CSS file.

    Nancy O.

Maybe you are looking for