Невозможно получить это меню, чтобы показать горизонтальное

-1

Я не могу заставить это меню показать горизонтальное, я хочу, чтобы он показывался как один на w3Schools (введите их страницу и выше, в навигационной панели есть опция с надписью «MORE», , поэтому, когда вы нажимаете на нее, это показывает большое меню со множеством опций.)Невозможно получить это меню, чтобы показать горизонтальное

CSS - это простой по умолчанию Bootstrap.

Я не могу сделать это для этого. Вот код, я использую:

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

источник

2017-02-20 Adrian Velez

Так что, если я правильно понять, вы хотите, чтобы появиться/исчезают при щелчке на выпадающие? Для этого вам нужно jQuery. С помощью CSS вы можете заставить их появляться/исчезать при наведении, но не переключаться при нажатии.

источник

2017-02-20 20:13:53

вы должны включить CSS и JavaScript ссылки в головной секции, посмотрите на этот https: // WWW .w3schools.com/бутстраповский/tryit.asp? имя_файл = trybs_navbar_collapse & сложенный = Н – mlegg

Вы должны включить JQuery и Bootstrap JavaScript в вашу страницу:

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

источник

2017-02-21 11:58:54 Nhan

Невозможно получить это меню, чтобы показать горизонтальное

ответ

Смежные вопросы