Problems for the Navigation links of default bootstrap to scale horizontally

I tried to get the text links on the Navigation bar default bootstrap to scale horizontally (links to cross screen width to get the largest). I tried to change the text-align to Center and justify, and see that the change in menu reduced (under 767px). What I am doing wrong? It this something that can be done? Any help would be much appreciated.

HTML:

<! 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 = "testnav.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 >

<! - start trial navigation - >

< div class = "container-fluid" >

< 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" 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 = "defaultNavbar1" >

< ul class = "navbar-nav nav" >

< class li = "active" > < a href = "#" > about us < span class = "sr only" > (ongoing) </span > < /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 >

<!-/ .navbar-collapse->

< / div >

<!-/ .container-fluid->

< / nav >

< / div >

<! - end test navigation - >

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

< / body >

< / html >

CSS:

{.navbar - default

background-color: #CFAF86;

min-height: 0em;

}

.NavBar - default .navbar-nav > li > a {}

Color: #000000; / * text link original color * /.

font size: .928571em; / * text 13px * /.

padding-left: 1.428571em; / * 20px padding * /.

padding-right: 1.428571em; / * 20px padding * /.

padding-top: .714285em; / * 10px padding * /.

padding-bottom: .714285em; / * 10px padding * /.

text-align: center;

}

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

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

Color: #000000; / * color of the text on rollover * /.

background-color: #e6cca1; / * background color on the hover.

}

.NavBar - default .navbar-nav > .the > a.

.NavBar - default .navbar-nav > .the > a: hover,

.NavBar - default .navbar-nav > .the > a: focus {}

Color: #000000; / * the text on color and the hover.

background-color: #e6cca1; / * background color on active and the hover.

}

That's how it is supposed to be.  What you want requires custom settings.

Centered Navbar items - Bootstrap 3

Nancy O.

Tags: Dreamweaver

Similar Questions

  • Problems with the navigation links in EDIT mode in the Business Catalyst Muse sites.

    Has anyone else had problems with the navigation links / EDIT mode in sites Business Catalyst Muse?

    In EDIT mode, I can't use the list drop DOWN the SELECT DIRECTLY to go to another page or a link. The drafting of the text or label works, but to actually go to a /visit link a hard link is broken.

    Screen Shot 2015-08-15 at 3.39.42 PM.png

    Others have this problem as well.

    No work around?

    Thank you!

    I have the same problem! Contact BusinessCatalyst today taught me that it is a known bug and have Adobe Muse to fix! LiveChat ticket No. #159685

    When I launched the Web site in may 2015 everything worked well, but since the update of CC, this problem occurred.

    The tip of solution, I received the BC is to always use the navigation menu bar. This does not work for me because my client wants a menu of polaroid...

  • Help topic for air navigation links broken

    I have saved this as a bug, but I was wondering if anyone has experience this problem.

    When generating the "Air support and browser based help" output format (and download the files from the browser to the server web and AirHelp application installation), the navigation links that appear above the window under the buttons of navigation/search bar and assistance are broken. The following example illustrates the uni-volet model, but the problem occurs with all models.

    By clicking on the link of the first or the second heading (in the area surrounded by a red circle), it shows "the page cannot be found" and the navigation links themselves disappear.

    CDS.jpg

    I noticed that the problem only exists when the subjects in the project manager are organized in subfolders. If all the subjects in the project manager are in the top-level folder, the links navigate correctly. In addition, the links aren't clickable in online mode, in local mode. I was unable to disable all navigation links, or make it not clickable in mode online.

    I am running RH9, Windows 7 (64-bit).

    Any help would be appreciated.

    It seems that the response should not generate help AIR browser based for the item online.

    I generated webhelp ensuring instead that has unchecked the option display navigation links. With making bread everything worked well in both the online and offline help. The user opens the help and if a connection is available aid uses by default in the view online content, which is local. Without a connection, or when the user chooses to go in offline mode, they remain in the view, but with local content.

    See www.grainge.org for creating tips and RoboHelp

    @petergrainge

  • The drop for the navigation bars.

    The drop for the navigation bars. I noticed that Adobe has managed to get rid of the Spry in Dreamweaver, substituting Jquery UI. How to make a menu drop-down?

    You have a lot of the navigation options in the Layout Bootstrap or models of starter.  See screenshot.

    Drop-down menus bootstrap

    I can not even add html code that I had done with Fireworks to operate.

    Do not use Fireworks generated code.   Graphics applications are for images only.  Don't use them as a shortcut to creating code.   Who has never been their strong point.   Even if you manage to make it work, it will not work.

    Nancy O.

  • Unable to save changes to the sounds. When registered and then double checked, change moved not. This applies specifically to sound for the navigation to start windows Explorer. I'm putting it to zero. »

    Unable to save changes to the sounds. When registered and then double checked, change moved not. This applies specifically to sound for the navigation to start windows Explorer. I'm putting it to zero.

    Unable to save changes to the sounds. When registered and then double checked, change moved not. This applies specifically to sound for the navigation to start windows Explorer. I'm putting it to zero.

    ====================================
    After making your change did you left click... Apply / OK?
    John Inzer - MS - MVP - digital media experience

  • Can I add a value of textfeild for the navigation bar entry list label?

    Hello

    I want to show the user name in the navigation in apex5 bar. Here I used a pl/sql code to get the user name of LDAP, authentication and pass it to a textfeild when connect you to the application. HERE pass the user name in the text field correctly. All I want is I want to show the value of text field in the navigation bar (the components shared-> details-> entry of the list concerned list) so, what is the syntax to add the value of the entry list Labeltext field? : P101_USER did not work. Please help me on this.

    ThiliBu wrote:

    Thank you very much for the reply.

    I do not use APEX_USER because it takes the name of the connected user. (as first name + name - string DN. But I really want to take FirstName LastName - String CN) I can get this string value CN to a text field but do not know the way to pass that on the navigation bar entry of the list value.

    Then you can explain a little more. I used & P101_USER. for the navigation-> label list entry bar. But it did not show anything on the navigation bar. Can I use custom for this substitution string. If yes how can I do this.

    For security reasons Login page elements are automatically empty, so P101_USER will contain no value when authentication is complete. Rather than use a Login page element, create a point application called USER_NAME and store the string CN value in that. It can be referenced in the entry of the Navigation bar using the syntax of static text substitution:&USER_NAME.

  • Can I hire the CC Adobe as a person and use it in a business without generating any legal problems for the company? I'm in the Brazil and the Adobe Web site, that I have not found that everything related to the legislation, they apply in this country on t

    Can I hire the CC Adobe as a person and use it in a business without generating any legal problems for the company? I'm in the Brazil and the Adobe Web site, that I have not found that everything related to the legislation, they apply in this country on this issue.

    single user licenses allow you to use the adobe corporate programs and allow to sell the products that you create using adobe programs.

  • Font size for the dashboard link

    Hello

    Does anyone know how to change the font size of the links at the top of the OBIEE dashboard pages?


    Thank you

    Hello Oroborus-

    It is a .css file in a directory similar to the following:

    .. \app\oracle\product\10.1.3\ias_1\j2ee\home\applications\analytics\analytics\res\s_oracle10\b_mozilla_4\portalbanner. CSS

    In this file, perform a search for the word "PortalLink" (not "PortalLinks"). There are three parameters of police just next to each other: link, visited and hover. This is where you can adjust your fonts for the dashboard links.

    I hope this helps, and please do not hesitate to award points if you found it useful!

    Kind regards
    Jason

  • I have problems with the sensitive function by using bootstrap? My navigation bar is elegantly expansion and contraction, but my image of lead left at some point and the navigation bar extends beyond? Is there an optimal size should I use?

    And here's the code? Am new to this so we have recently upgraded to this version of the Creative Suite? Really like the design and functionality, but can't seem to get my header image at the top to fill the screens? It's using the latest Mac version.

    <! 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 > wastewater education 501 c 3 < /title >

    <!-"bootstrap"->

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

    < style type = "text/css" >

    .the {}

    Width: 100%;

    position: relative;

    }

    . Right {}

    }

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

    < div class = "container-fluid" >

    "< img src="images/2015/2015header.jpg "class ="img-reagent"alt =" WasteWaterEducation.org logo ">

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

    <!-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 = "#inverseNavbar1" > < 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 = 'bar of navigation-brand' href = "index.html" > home < /a > < / div >

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

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

    < ul class = "navbar-nav nav" >

    < class li = "active" > < a href = "whatsnew.html" > What's New! ' " < span class = "sr only" > (ongoing) </span > < /a > < /li >

    < class li = "active" > < a href = "boardlist.html" > about us < span class = "sr only" > (ongoing) </span > < /a > < /li > "

    < class li = "active" > < a href = "search.html" > this Site Search < span class = 'sr-only' > (ongoing) </span > < /a > < /li >

    < /ul >

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

    < li > < a href = "newsletter.html" > subscribe to updates < /a > < /li > "

    < /ul >

    < / div >

    <!-/ .navbar-collapse->

    < / div >

    <!-/ .container-fluid->

    < / nav >

    Because the image is 1000 x 364, it will extend not to a larger size unless you give the instruction to do so.

    The best way is to assign the image to a width of 100% and make sure the extra size has not negatively affected the quality of the image.

  • Danielle Beaumont has been a mobile video ' Design is fun! You want to bring up the menu even inside the accordion for the navigation panel. There are no on which left aside, as the way in which it has been triggered open with the icon. how he was placed

    1 Danielle Beaumont has been a mobile video ' Design is fun! You want to bring up the menu even inside the accordion for my own mobile navigation panel. He's left no aside, the way it has been triggered open with the icon; how he was placed to bump at the gap when selected via the icon; how it was considered first of all just a big green square; How the link boxes were made to be spaced as if they were... Can you direct me how to create it?

    2. also in trouble with the specification of fonts. There are times that I can choose a font from the list, I chose the additional fonts available and sometimes, when it just won't let me choose one, even if it is already used on the site or page.

    On a steep curve here, but any new information provide from my recent contact with Adobe has been extremely useful. My site is www.curricula101.com. It is much better than what it was when I called first a few days ago. Sales pages work fine now, thanks to your contribution.

    3. on the navigation path revised: a current question is menus horizontal separated for the GMAT and GRE goes everywhere at the top and bottom of the pages. I've specified particular States for text via the Site Properties > content > hyperlink styes on the default style. A bright color is chosen for the active state, but he does not like such (not at all). The other menu (home, Contact, schools etc.) made by the widget Menu runs perfectly until white color shows in the current page instance.

    There are a lot more refinement and content development to do for sales purposes.

    Thank you for your help.

    Best wishes to all at Adobe,

    Elleyne Kase

    Hi Elleyne,

    1. I have an article on the creation of an accordion menu on my site which may help. You can read it using the link below.

    How to create an accordion Menu in Adobe Muse | Creative muse

    2. I don't know too much talk of it. When you say additional fonts do you mean web fonts?

    3. see my reply in the thread below.

    Re: Text links not working properly - active or visited says doesn't work do not at all

    I hope this helps.

    David

    Creative muse

  • Compatibility issue for the DB link

    Hello

    I tried to create the link from 12.1 to 10.1 database oracle database database

    and I have this problem

    ORA-03134: connections to this version of the server are no longer supported.

    any help please

    SQLNET. ALLOWED_LOGON_VERSION

    Goal

    To set the authentication protocol minimum allowed when connecting to Oracle database instances. The term VERSION in the parameter's name refers to the version of the authentication protocol, not the Oracle database version.

    If the client version may not meet or exceeds the value defined by this parameter, then the authentication will fail with a ORA-28040: No matching authentication protocol error or a ORA-03134: Connections to this server version are no longer supported error.

    Notes on use

    A framework of 8 to most versions of password and allows any combination of the DBA_USERS.PASSWORD_VERSIONS values 10G , and 11G .

    A higher value means that the server is less compatible with regard to the protocol used by clients need to understand in order to authenticate. The server is also more restrictive regarding the version of password that must exist to authenticate a specific account. Depends on the ability of a client authenticate the DBA_USERS.PASSWORD_VERSIONS value on the server for this account.

    Note the following implications to assign the value 12 :

    • To benefit from the protection of introduced in Oracle 11 database password g, users must change their password. The new passwords are case-sensitive. When a password is changed, the earlier 10G version case-insensitive password is automatically deleted.
    • Releases of Oracle Database 10 g and all customers of OIC before light versions of JDBC clients cannot authenticate on the Oracle database by using password authentication.
    • If the customer is using the Oracle9i Database, the customer will receive a ORA-03134 error message. To allow the connection, remove the SQLNET.ALLOWED_LOGON_VERSION parameter to return the default value. Make sure the DBA_USERS.PASSWORD_VERSIONS value for the account contains the value 10G . It may be necessary to reset the password for this account.

    The client must support certain capabilities of the authentication protocol before that authenticates the server. If the client does not support authentication specified capability, the server rejects the connection with a ORA-28040: No matching authentication protocol error message. Here is the list of all the capabilities of the client. Some customers have not all the capabilities. Customers who are newer have all the capabilities of older customers, but older customers tend to have less capabilities than the more recent clients.

    • O5L_NP: The ability to perform the database Oracle 10 g of authentication protocol using the 11G version of password and generating a session encrypted for CPUOct2012 critical update key.
    • O5L: The ability to perform the database Oracle 10 g of authentication protocol using the 10G version of password.
    • O4L: The ability to run Oracle9i database using the authentication protocol the 10G version of password.
    • O3L: The ability to run the Oracle8i Database Server using the authentication protocol the 10G version of password.

    A higher capacity value is newer and safer than a lower capacitance value. Customers who are newer have all the capabilities of older clients. The following table describes the allowed values, the versions of password and descriptions:

    The ALLOWED_LOGON_VERSION parameter value Generates Version of password Capacity of the customer Which means for customers
    12Foot 1 11G O5L_NP Only customers who have applied the critical patch update CPUOct2012 or later, or 11.2.0.3 with an equivalent update release clients can connect to the server.
    11 10G,11G O5L Customers using Oracle Database 10 g and later can connect to the server. Customers using versions prior to version 11.2.0.3 of the Oracle database that did not apply to critical patch update CPUOct2012 or patches later should use the 10G version of password.
    10 10G,11G O5L Customers using Oracle Database 10 g and later can connect to the server. Customers using versions prior to version 11.2.0.3 of the Oracle database that did not apply to critical patch update CPUOct2012 or patches later should use the 10G version of password.
    9 10G,11G O4L Database customer Oracle9i or later can connect to the server.
    8 10G,11G O3L Database Oracle8i and later clients can connect to the server.

    Reference 1 This is considered "Exclusive Mode" because it excludes the use of the 10G version of password. Allowed values

    • 12for updates of critical fixes CPUOct2012 and later Oracle Database 11 g authentication protocols (recommended)
    • 11for Oracle 11 g database authentication protocols
    • 10for the Oracle 10 g database authentication protocols
    • 9for the Oracle9i Database authentication protocols
    • 8for (default) Oracle8i Database authentication protocols

    By default

    8

    Example of

    If Oracle Database 11 g and Oracle Database 10 g are present, then set the parameter as follows:

    SQLNET.ALLOWED_LOGON_VERSION=10
    
  • I'm having a problem with the files linked dynamically unable to be discovered in 2014 CC Dreamweaver with Wordpress.

    I'm following a course of Lynda.com to work with Wordpress via Dreamweaver.

    I installed a local test via MAMP server.  Several times.

    I get to the State where I can load the file index.php from Wordpress without problem in DW.

    But when I click on the button find to discover dynamically related files I get an error 'dynamically-related files cannot be solved because the site definition is not correct for this server".

    I went on all stages of installation via MAMP and Wordpress installation and configuration of a DW site.  I can't find what I'm doing wrong.

    I searched the internet and have seen that it is a common problem but it cannot get specific steps to correct this.  I saw a discussion there re this 3 years, but the steps are exactly what I did.

    So I really need help!

    Thank you

    Sandy

    Hi Nancy,.

    I solved the problem.  I went to WordPress permalinks settings and changed to the default setting as WP set up automatically for something else.

    Now I see all the dynamically linked pages in DW.

    In all the messages in the forums, they declare to change the permalinks.  But don't tell you how to get there and what to take.  Why leave out this important information?

    Ugh!

  • Question CSH, executives and the Navigation links...

    I have a display problem with framesets.  In my projects, I've created several sets of frames with 2 images in topic, 30% on the left, 70% on the right.

    In settings of WebHelp, I chose "connection pane, see Navigation in the topics.  The problem is that it adds a link 'Show' on each side of the frame, and when they are clicked on, it translates into 4 frames being created, with 2 separate navigation images.

    Is there a way to solve this problem, so that managers keep crack whenever I click a link?

    I can understand why you don't like it, but it is certainly logical. The idea of iFrames is that you can show what you love and the two functions independently. You have chosen to view the two areas of assistance, but the iFrame will not worry if that's what you are showing or a page of Ferraris and a Mercedes-Benz cars. Everything you click on will work within this framework.

    In your case by clicking on view is meant that complete help opens in this context for the subject and complete help for the framework of other shows when you click on the link to see the second. You look at still only two iFrames. Until you click on display, each of them show the subject only. Subsequently, they show the section and the nav pane.

    Who said?

    Back to the drawing board, I guess.

    See www.grainge.org for creating tips and RoboHelp

    @petergrainge

  • Problem for the SNMP or WMI on my forehead TMG

    I tried to make the system of monitoring on all services. our company have to the sites. We made a plan to set WMI protocols on all microsoft services and it works well, except on the TMG. I have provided the SNMP and WMI both two of them rejected. so I checked 135 for its opening SNMP port number and port of WMI too but they cannot establish a connection. I'd appreciate if you help me to solve this problem.

    Concerning

    Hello

    Sorry for the late reply.

    That your computer is under domain, you must contact the TechNet forum, where we have of the support technicians who are well equipped with the knowledge on the issues of domain, do visit the link provided below.

    http://social.technet.Microsoft.com/forums/en-us/winserverfiles/threads

  • Using configuration for the 2nd link of lan to lan vpn

    Hello

    Successfully, I configured a connection of lan to lan vpn between two offices. I try to add another link to a 3rd office to my office at home, but have some difficulty. I have attached my setup and hope someone can help me solve my problem. Right now I have a working vpn to the 172.16.0.0/24 network and putting in place the link to 172.16.3.0/24 so. For the new vpn connection, I can ping the external interfaces, but can't ping anything in-house.

    Thanks for your time and help,

    Jason

    Jason

    There is a major mistake that's easy to fix. You have successfully created a second instance of the encryption card to create a VPN tunnel for the second site. But as currently configured two instances of the encryption card use the same access list:

    1 ipsec-isakmp crypto map clientmap

    match address 100

    5 ipsec-isakmp crypto map clientmap

    match address 100

    But each session/tunnel VPN needs its own access list. So, I suggest that you make the following changes:

    5 ipsec-isakmp crypto map clientmap

    match address 101

    no access list 100

    access-list 100 permit ip 192.168.0.0 0.0.0.255 172.16.0.0 0.0.0.255

    access-list 101 permit ip 192.168.0.0 0.0.0.255 172.16.3.0 0.0.0.255

    This provides a list of separate for each session/tunnel access and should solve this problem. Try it and tell us the result.

    HTH

    Rick

Maybe you are looking for