CSS - do not know what to change to begin first of all for the smallest device (border in the navigation bar collapsed)

I am starting with the smallest device (iPhone, 320 pixels wide) and have implemented the skeleton page. I added a tag to the class to change the background of the original black to Tan, but cannot find a way to cross the border in the white navigation bar icon. I thought that my class label would substitute, but does not appear. Also, is there a setting that I should look for in the bootstrap.css (read-only) which can be adjusted to display the navigation elements rather than collapsed in about 320-768 pixels button icon? Any help would be appreciated.

John

<! 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 > Untitled Document < /title >

<!-"bootstrap"->

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

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

<! - 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 >

< div class = "container-fluid" >

<! - start the header image - >

< div class = "row" >

< div class = "col-xs-12" style = "" background-color: #ABF0A7; "> < / div >"

< / div >

<! - end header image - >

<! - start navigation - >

< nav class = "navbar, navbar-reverse rennavbkgrd" > ""

< 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 = "navbar-nav 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 of navigation-->

< div class = "container-fluid" >

< h1 > Just a few of us < / h1 > <! - subtitle of the page - >

<! - start the main text area - >

< div class = "row" >

< div class = "col-xs-12" style = "" background-color: Lavender; "> < p > welcome to the Renegades." duis dapibus molestie nisi egestas Magna non semper. ID justo nam posuere duis laoreet auctor fames. Volutpat placerat ut suspendisse imperdiet porttitor felis dui donec pulvinar sollicitudin sollicitudin so tempor. Massa feugiat quam viverra nunc enim libero torquent torquent mus nec lectus is turpis.

< /p > < / div >

< div class = "col-xs-6" style = "" background-color: #F39393; "> < p team photo > < /p > < / div >"

< div class = "col-xs-6" style = "" background-color: #B3EBB7; "> < p >"

Penatibus ante, MPCs fames morbi egestas duis dapibus molestie nisi Magna non semper lorem. ID justo nam posuere duis laoreet auctor fames. Volutpat placerat ut suspendisse imperdiet porttitor felis dui donec pulvinar sollicitudin sollicitudin so tempor. Massa feugiat quam viverra nunc enim libero torquent torquent mus nec lectus is turpis.

< /p > < / div >

< div class = "col-xs-12" style = "" background-color: lavenderblush; "> < p > third text < /p > < / div >"

< / div >

< / div >

<! - end of main text area - >

< / div >

<! - start the footer - >

< style footer = "" background-color: #F2DA3E; "> < p > copyright & copy;" Renegades 1999 team kitchen. All rights reserved. < /p > < / footer >

<! - end of footer - >

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

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

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

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

< / body >

< / html >

Use navbar-default (light) instead of - reverse (dark).

And you can target the Bootstrap selectors in your custom CSS code.  No additional required courses.

.NavBar.NavBar - default {background-color: #D2B48C ;}}

Nancy O.

Tags: Dreamweaver

Similar Questions

  • Drop-down menu does not when the navigation bar collapses for mobile devices

    My menu drop-down does not work correctly when the navigation bar collapses on mobile devices. The menu, but it's completely to the left, not right where I like it and hidden under a picture so that none of the links are accessible. The site is http://www.medicinedancecounseling.com.

    Index-Z = stacking order.  So even if you make menu items at the top, they mask your portrait in a most flattering way.

    Nancy O.

  • Drop-down menu does not when the navigation bar collapses in rocker

    Hi all

    I use 3 "bootstrap" on the site below and I have some questions when the navigation bar collapses in rocking, as it seems to stop the drop down menus to work. When you tap or click the drop-down menus, the menu closes just, once again.

    Can someone tell me please on this?

    http://www.clockdoctors.co.UK/test/index.html

    I apologize to this topic. I didn't see that earlier post, I obviously had a blond moment.

    OK, so I think that I fixed it!

    I first tried to remove the script ' ' to see what would happen. Which translates to the stop of the page class 'scrolling' to work, but then allows the drop-down menu to work as it should, as you say.

    I then put this script, but removed this piece of code in the file "agency.js".

    Close the sensitive Menu on the Menu, click on item

    $('.navbar-effondrement_ul_li_a').click (function () {}

    $('.navbar-toggle:visible').click ();

    });

    and now it works fine!

  • Accidentally changed the password, do not know what it changed

    I changed my Windows 7 password.  I entered the existing password, and without thinking, press ENTER.  He told me that my password has been changed.  I have not now what it was changed to.  I don't have that 1 the admin account...  I know, bad choice.  Is it possible to find my password?

    Is it possible to find my password?

    No, it does not exist, but you can do:

    1. Set your BIOS so that it uses the DVD drive as its primary boot device.
    2. Start the computer with your Windows 7 repair CD.
    3. Press a key when prompted to boot from the DVD.
    4. Select 'PC Repair' in the menu.
    5. Select 'Repair' when prompted.
    6. When you are prompted, select System Restore.
    7. Configure Windows to a point before you changed the password.
    8. Plan ahead a little and create, test and document an alternative admin account, same as you have a spare emergency House key. This will save you a lot of trouble.
  • OK - all of a sudden my facebook opens of the zillions of tabs in firefox - not do in Explorer - gag-. I am running windows 7 - do not know what I changed or fact for cause this... he wants to just STOP. Help!

    When I open Facebook on my laptop - I get suddenly tab after tab of facebook to open... no reason - no change that I know... have tried several things without any positive result.
    I am running windows 7.

    This problem may be caused by the expansion of Facebook Toolbar 1.7.3

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

  • I have a vista when I try to e-mail whatever it is, it gives me code 0 x 80070057 is does anyone know what I am doing wrong? Thank you for the error messages

    Ideas:

    • You have problems with programs
    • Recent changes to your computer
    • What you have already tried to solve the problem

    Remember - this is a public forum so never post private information such as numbers of mail or telephone!

    The Exchange profile update tool fails and error 0 x 80070057 is logged in Exchange Server 2003

    Please click on the link below and follow the steps as indicated on the page. This should solve the problem.

    http://support.Microsoft.com/kb/889296

    MD MOEEN AJAZ KHAN (MCP)

  • I don't want to search for the navigation bar. I want to put the address and it goes to the address. But I now I put the address of and he did a search instead. Why? How can I change that.

    Like I said how can I just put the address in the navigation bar, and it goes to the address instead of search.

    See:

  • The navigation bar icon not display on iphone

    Hi all

    jdev version 11.1.2.4.0

    In my case I have app with three options display in the navigation bar.

    navigation bar icon show correctly on the android device.

    android.png

    but it is not show on iphone device.

    iphone.png

    See also in the doc: 4 definition of a Mobile Application (version 2.0.1.0.0)

    If a component of the application uses images customized for the navigation bar and springboard rather than the default ones provided by the MAF, you must create these images to the specifications described by Android developers website ( http://developer.android.com/design/style/iconography.html ) and in the chapter "Custom Icon and Image creation Guidelines" in iOS Human Interface Guidelines, which is available since the iOS Developer Library ( http://developer.apple.com/library/ios/navigation/ ).

  • How can I change the background image for a single tab on the navigation bar

    I create a film site for LEVEL and for the navigation bar, I intend to have a different character for each tab. However, I can't put one image of each separate tab. Instead, a single image appears on each of the tabs. Here is an example of the CSS source.

    < td width = "200" > < ul id = "navigation" > < br / >

    "< li > < a href ="... / pages/index.html "> home < /a > < /li > < br / >"

    "< li > < a href ="... / pages/cast.html "> Cast < /a > < /li > < br / >"

    "< li > < a href ="... / pages/pictures.html "> photos < /a > < /li > < br / >"

    "< li > < a href ="... / pages/soundtrack.html "> music < /a > < /li > < br / >"

    "< li > < a href ="... / pages/interview.html "> Interviews < /a > < /li > < br / >"

    "< li > < a href ="... / pages/links.html "> links < /a > < /li > < br / >"

    < /ul >

    < table >

    #navigation {}

    list-style-type: none;

    padding: 0px;

    margin: 0px;

    }

    #navigation li {}

    margin: 0px;

    padding: 0px;

    list-style-type: no

    }

    #navigation li a: link, #navigation li a: visited {}

    display: block;

    Width: 200px;

    height: 100px;

    text-decoration: none;

    text-align: center;

    line-height: 100px;

    do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    make-weight: bold;

    -webkit-transition: 1000ms relieve;

    -moz-transition: 1000ms relieve;

    -ms-transition: 1000ms relieve;

    -o - transition: 1000ms relieve;

    transition: 1000ms relieve;

    color: #648AAE;

    background-repeat: no-repeat;

    background-image: url (.. / Images/gifs/Batman-still-2.gif);

    background-position: center bottom;

    text-transform: uppercase;

    letter-spacing: 0.79em;

    border-radius: 5px;

    }

    #navigation li a: focus, #navigation li a: hover, #navigation li a: active {}

    Color: #000000;

    background-image: url (.. / Images/gifs/Batman-animation-2.gif);

    background-repeat: no-repeat;

    background-position: center bottom;

    background-color: #454545;

    border-radius: 25px;

    }

    So, how can I put one image on each of the tabs (home, cast, photos, etc.). Thanks in advance for your help.

    Assign a class to the element, and use CSS to apply an image as in

  • class = 'home'; > Home

  • Cast

  • Photos

  • Music

  • Interviews

  • Links

  • and the CSS

    #navigation li a: link. Home, #navigation li a: visited. Home {}

    background-image: url (.. / Images/gifs/Batman-still-2.gif);

    }

  • do not know Apple ID, password and do not know what email has been used.

    Dear,

    my friend has activated its phone of one of the shops in one of the markets.

    Today, after the restoration, now he doesn't know what Email. Apple ID and do not know what email have been used

    so now the phone is stuck in the activation step.
    is there anyway you can skip this step or change this Apple ID?

    He went to the market, but the market is now closed and moved to somewhere else and he can't find the person who created this account for him.
    Please helpp.

    Thank you

    BR,

    Yossef

    shahokoyee wrote:

    Dear,

    my friend has activated its phone of one of the shops in one of the markets.

    Today, after the restoration, now he doesn't know what Email. Apple ID and do not know what email have been used

    so now the phone is stuck in the activation step.
    is there anyway you can skip this step or change this Apple ID?

    He went to the market, but the market is now closed and moved to somewhere else and he can't find the person who created this account for him.
    Please helpp.

    Thank you

    BR,

    Yossef

    No it not there no action to jump.

    You have probably fallen on this.

    Turn off find my iPhone Activation Lock - Apple Support

    Find my iPhone Activation Lock - Apple Support

  • I get an unknown error 4260 when trying to burn a cd using itunes, I have a windows xp pc and used to burn the cd fine until 2 weeks ago, I don't know what has changed... Can anyone help please?

    I get an unknown error 4260 when trying to burn a cd using itunes, I have a windows xp pc and used to burn the cd fine until 2 weeks ago, I don't know what has changed... Can anyone help please?

    Hello raulganau, welcome.

    I suggest to try the system restore to restore the system to a date before the problem started. Try this...
    1. click on START
    2. click on "all programs".
    3. click on "Accessories".
    4. click on "system tools."
    5. click on "system restore."
    6 follow the instructions on the screen to restore the system to a date before the problem started
    Although the system restore does not target the personal data, I recommend always backup your personal data, just in case something happens.
    For reference, I have included a link that provides more specific information about the restoration of the system and how to use it:
    Let us know if it works,
    Thank you!

    Ryan Thieman
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think.

  • Our phone will make more phone calls, and we do not know how to change the settings to restore the capabilities of phoning.

    Our phone will make more phone calls, and we do not know how to change the settings to restore the capabilities of phoning.

    Greetings jenniferfrom46,

    From your post, I see that you are unable to make phone calls. I count on the ability to use my phone a lot to make calls, so I can understand your concern. I will be happy to provide you with some information for you.

    If you can not make or receive calls on your iPhone, this article goes on measures to take to help with the issue you are experiencing.

    Have a good!

  • I have toshiba laptop and I have the product key and I do not know what windows is I can find it with the product key

    I have toshiba laptop and I have the product key and I do not know what windows is I can find it with the product key or any body help, I can't use it

    You must order a set of recovery disc for the computer from the manufacturer - this will install the appropriate drivers for your system automatically, as well as packaged applications.

    If you have not formatted the disk (or replaced) existing partition recovery may still be present - see your manual for details.

    It is possible to download Vista - see here for more details - http://www.heidoc.net/joomla/technology-science/microsoft/57-windows-vista-direct-download-links -, but note that it is not a simple process!

  • my language has changed between English and symbols, and I do not know how to change back

    my language has changed between English and symbols, and I do not know how to change back

    Hello Joe Barton,

    Have you tried to change the display language, from the link above?  Alternatively, you can try to perform a system restore, if it happened recently.  Did you do a full scan with your antivirus software and ran all the malware removal?

    Please let us know status.

  • Hi, my laptop had rose appear on the screen do not know what it is and how to get rid of? pls help me.nicole

    Hi, my laptop had rose appear on my screen do not know what it is and if it is normal that in laptop? Thank you, Nicole

    Hello

    If this continues, contact technical support to your system manufacturer and check their forums (if any) for known issues.

    Try a system restore before it happened. You can use the SafeMode if necessary - several times
    as you start, press F8.

    How to make a Vista system restore
    http://www.Vistax64.com/tutorials/76905-System-Restore-how.html
    -----------------------------------------------------------------------------

    If no joy you can once again tap F8 as you boot and select last good Configuration know.

    ----------------------------------------------------------------------------

    And need to update your video drivers:

    Could be a nuisance pilot. Update your drivers manually looking at system manufacturer and
    Sites of the manufacturer of the device.

    This is my generic how updates of appropriate driver:

    This utility, it is easy see which versions are loaded:

    -Free - DriverView utility displays the list of all device drivers currently loaded on your system. For
    each driver in the list, additional useful information is displayed: load address of the driver, description,.
    version, product name, company that created the driver and more.
    http://www.NirSoft.NET/utils/DriverView.html

    For drivers, visit manufacturer of emergency system and of the manufacturer of the device that are the most common.
    Control Panel - Device Manager - Display Adapter - note the brand and complete model of your
    video card - double - tab of the driver - write version information. Now click on UPdate Driver (this
    cannot do anything as MS is far behind the certification of drivers) - then do a right click - Uninstall - REBOOT
    This will refresh the driver stack.

    Repeat this for network - card (NIC), Wifi network, sound, mouse, and keyboard if 3rd party with their
    own the software and drivers and all other main drivers that you have.

    Now go to the site of the manufacturer of system (Dell, HP, Toshiba as examples) (restoration) and then of the manufacturer of the device
    (Realtek, Intel, Nvidia, ATI, for example) and get their latest versions. (Look for the BIOS, Chipset and software)
    updates on the site of the manufacturer of the system here.)

    Download - SAVE - go to where you put them - right click - RUN AD ADMIN - REBOOT after each installation.

    Always check in the Device Manager - tab drivers version you install actually shows up. This
    because some restore drivers before the most recent is installed (particularly that audio drivers) so install a
    pilot - reboot - check that it is installed and repeat if necessary.

    Repeat to the manufacturers - BTW on device at the DO NOT RUN THEIR SCANNER - manually check by model.

    Look at the sites of the manufacturer for drivers - and the manufacturer of the device manually.
    http://pcsupport.about.com/od/driverssupport/HT/driverdlmfgr.htm

    How to install a device driver in Vista Device Manager
    http://www.Vistax64.com/tutorials/193584-Device-Manager-install-driver.html

    If you update the drivers manually, then it's a good idea to disable the facilities of driver in the Windows updates,
    This leaves ONE of Windows updates, but it will not install the drivers who are generally older and cause
    questions. If updates offers a new driver and then hide it (right click on it) and then go look for new ones
    manually if you wish.

    How to disable automatic driver Installation in Windows Vista - drivers
    http://www.AddictiveTips.com/Windows-Tips/how-to-disable-automatic-driver-installation-in-Windows-Vista/
    http://TechNet.Microsoft.com/en-us/library/cc730606 (WS.10) .aspx

    Hope these helps.

    Rob - bicycle - Mark Twain said it is good.

Maybe you are looking for