Dieses Menü kann nicht horizontal angezeigt werden

-1

Ich kann dieses Menü nicht horizontal anzeigen, ich möchte, dass es wie das auf w3Schools angezeigt wird (geben Sie deren Seite ein und darüber, in der Navigationsleiste gibt es eine Option mit "MEHR" Wenn Sie darauf klicken, wird ein großes Menü mit vielen Optionen angezeigt.Dieses Menü kann nicht horizontal angezeigt werden

Das CSS ist das einfache Bootstrap-Standardschema.

Ich kann meine nicht dazu bekommen. Hier ist der Code, ich verwende:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 

<div class="dropdown"> 
    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"> 
    Extra Verification <span class="caret"></span> 
    </button> 

    <ul class="dropdown-menu"> 
    <li class="dropdown-header">Provides Address, Status, Previous Names</li> 
    <li><a href="http://www.concord-sots.ct.gov/CONCORD/online?sn=InquiryServlet&eid=99" target="myIframe">Connecticut</a> </li> 
    <li><a href="https://ecorp.sos.ga.gov/BusinessSearch" target="myIframe">Georgia</a> </li> 
    <li><a href="https://coraweb.sos.la.gov/CommercialSearch/CommercialSearch.aspx" target="myIframe">Louisiana</a></li> 
    <li><a href="https://www.vtsosonline.com/online/BusinessInquire/" target="myIframe">Vermont</a></li> 
    <li><a href="https://portal.sos.state.nm.us/corps/(S(avf1z0n02vbhx0turlfhca01))/Corplookup/Lookdn.aspx" target="myIframe">New Mexico</a></li> 

    <li class="divider"></li> 

    <li class="dropdown-header">Provides Address and Status</li> 
    <li><a href="http://arc-sos.state.al.us/CGI/CORPNAME.MBR/INPUT">Alabama</a></li> 
    <li><a href="https://www.commerce.alaska.gov/CBP/Main/CBPLSearch.aspx?mode=Corp">Alaska</a></li> 
    <li><a href="http://www.sos.arkansas.gov/corps/search_all.php">Arkansas</a></li> 
    <li><a href="http://ecorp.azcc.gov/Search">Arizona</a></li> 
    <li><a href="https://businesssearch.sos.ca.gov/">California</a></li> 
    <li><a href="http://www.sos.state.co.us/biz/BusinessEntityCriteriaExt.do">Colorado</a></li> 
    <li><a href="https://hbe.ehawaii.gov/documents/search.html?zmobile=N&site_preference=normal">Hawaii</a></li> 
    <li><a href="http://www.accessidaho.org/public/sos/corp/search.html?ScriptForm.startstep=crit">Idaho</a></li> 
    <li><a href="http://charter.dat.maryland.gov/Pages/CharterSearch/default.aspx">Maryland</a></li> 
    </ul> 
</div>

Quelle

2017-02-20 Adrian Velez

Also, wenn ich mich richtig zu verstehen, wollen Sie die Dropdown-Listen auf Klick erscheinen/verschwinden? Sie benötigen dazu jQuery. Mit CSS können Sie sie beim Hover erscheinen/verschwinden lassen, aber nicht beim Klicken umschalten.

Quelle

2017-02-20 20:13:53

haben Sie die CSS und JavaScript-Links in Ihrem Kopfteil enthalten, in diesem https aussehen: // www .w3schools.com/bootstrap/tryit.asp? filename = trybs_navbar_collapse & stacked = h – mlegg

Sie haben jQuery und Bootstrap JavaScript in die Seite schließen ein:

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 

 
<body> 
 
    <div class="dropdown"> 
 
    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Extra Verification 
 
<span class="caret"></span> 
 
</button> 
 
    <ul class="dropdown-menu"> 
 
     <li class="dropdown-header">Provides Address, Status, Previous Names</li> 
 
     <li><a href="http://www.concord-sots.ct.gov/CONCORD/online?sn=InquiryServlet&eid=99" target="myIframe">Connecticut</a> </li> 
 
     <li><a href="https://ecorp.sos.ga.gov/BusinessSearch" target="myIframe">Georgia</a> </li> 
 
     <li><a href="https://coraweb.sos.la.gov/CommercialSearch/CommercialSearch.aspx" target="myIframe">Louisiana</a></li> 
 
     <li><a href="https://www.vtsosonline.com/online/BusinessInquire/" target="myIframe">Vermont</a></li> 
 
     <li><a href="https://portal.sos.state.nm.us/corps/(S(avf1z0n02vbhx0turlfhca01))/Corplookup/Lookdn.aspx" target="myIframe">New Mexico</a></li> 
 

 
     <li class="divider"></li> 
 

 
     <li class="dropdown-header">Provides Address and Status</li> 
 
     <li><a href="http://arc-sos.state.al.us/CGI/CORPNAME.MBR/INPUT">Alabama</a></li> 
 
     <li><a href="https://www.commerce.alaska.gov/CBP/Main/CBPLSearch.aspx?mode=Corp">Alaska</a></li> 
 
     <li><a href="http://www.sos.arkansas.gov/corps/search_all.php">Arkansas</a></li> 
 
     <li><a href="http://ecorp.azcc.gov/Search">Arizona</a></li> 
 
     <li><a href="https://businesssearch.sos.ca.gov/">California</a></li> 
 
     <li><a href="http://www.sos.state.co.us/biz/BusinessEntityCriteriaExt.do">Colorado</a></li> 
 
     <li><a href="https://hbe.ehawaii.gov/documents/search.html?zmobile=N&site_preference=normal">Hawaii</a></li> 
 
     <li><a href="http://www.accessidaho.org/public/sos/corp/search.html?ScriptForm.startstep=crit">Idaho</a></li> 
 
     <li><a href="http://charter.dat.maryland.gov/Pages/CharterSearch/default.aspx">Maryland</a></li> 
 
    </ul> 
 
    </div> 
 
</body> 
 

 
</html>

Quelle

2017-02-21 11:58:54 Nhan

Dieses Menü kann nicht horizontal angezeigt werden

Antwort

Verwandte Themen