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:
- Set your BIOS so that it uses the DVD drive as its primary boot device.
- Start the computer with your Windows 7 repair CD.
- Press a key when prompted to boot from the DVD.
- Select 'PC Repair' in the menu.
- Select 'Repair' when prompted.
- When you are prompted, select System Restore.
- Configure Windows to a point before you changed the password.
- 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.
-
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).
- Makes no changes on the start safe mode window.
- https://support.Mozilla.com/kb/safe+mode
-
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)
-
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.
but it is not show on iphone device.
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
-
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.
-
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 START2. 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 startedAlthough 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.
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 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 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.htmlFor 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.htmHow to install a device driver in Vista Device Manager
http://www.Vistax64.com/tutorials/193584-Device-Manager-install-driver.htmlIf 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) .aspxHope these helps.
Rob - bicycle - Mark Twain said it is good.
and the CSS
#navigation li a: link. Home, #navigation li a: visited. Home {}
background-image: url (.. / Images/gifs/Batman-still-2.gif);
}
Maybe you are looking for
-
I have a new laptop and loaded Thunderbird and all my contacts on this subject. I went on a trip and used my laptop to check my e-mail. When I got back and used my desktop to look at email, all emails in the last week on my laptop trips have been cle
-
IS IT NORMAL TO HAVE SYMBOLS NEXT TO EACH TAP ASIAN, SOMETIMES ON ALL FAUCETS?
NOTICED HE STARTED TO APPEAR ASIAN OR CHINESE SYMBOLS NEXT TO EACH TAP. IT CAN ALSO COVES TAP INTEGER COLUMN.
-
When I put the address in the address in Russian bar I see Google instead of my site. I don't want to not Google.Help please.
-
Pro 450 3 book: compatibility issues
I just ordered a 450 HP 230W Advanced Docking Station and G3 to build. The representative told me that this computer will work in the docking station. Now, I'm worried it won't work. Can anyone help?
-
Windows xp professional sp3 general system control panel displays the wrong amount of system memory
Have a Dell Optiplex GX280 running Windows XP Pro SP3 with 3.5 GB of memory. BIOS confirms the good memory installed, but the control panel > system > general tab displays only 2.99 GB of memory. Is there a fix for this issue or Windows using only t