当前位置： 文江博客话题详情

大型菜单停止在网站的某些页面上工作

发布于 2025-01-30 07:38:52 字数 12374 浏览 1 评论 0原文

这很奇怪。 Mega菜单在大多数页面上工作，例如： https://webhost.pro/support/

您加载购物车页面或客户区域页面，菜单停止工作： https://webhost.pro/cart.pro/cart.php?a=view

我刚刚添加新的Mega菜单代码，在今天添加新的Mega菜单之前，它可以正常工作。我添加的是与网站的某些部分发生冲突。我试图找到任何错误代码或消息，但没有。我检查了Chrome的代码错误，但没有列出与此相关的任何相关的内容。

CSS代码非常简单：

    /* Dropdown content (hidden by default) */
.dropdown-content {

  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  padding:20px 0px 20px 0px;
  z-index: 15;
}

.menu{background:#FFF;padding:35px 0;font-family:'Source Sans Pro',sans-serif}.menu .navbar-brand{padding:0}.menu .logo:hover{opacity:.5;transition:opacity .55s ease-in-out;-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out}

.menu .navbar-nav .dropdown-menu{background:#FFF;margin-top:26px;border-radius:0;padding:0;border:1px solid #dedada;border-top:none}.menu .dropdown-item{color:#013d57;font-weight:600;font-size:12px;padding:10px 30px 10px 15px;text-transform:uppercase}

菜单代码是：

    <!--Begin Menu-->
<div class="menu sticky-menu bridge">
  <div class="container">
    <nav class="navbar navbar-expand-lg navbar-light"> <a class="navbar-brand" href="{$systemurl}"><img src="{$WEB_ROOT}/templates/{$child_template}/assets/img/logo.png" alt="web host pro" width="286" height="35" class="img-fluid logo" srcset="{$WEB_ROOT}/templates/{$child_template}/assets/img-retina/[email protected] 2x"></a>
      <button class="navbar-toggler custom-toggle" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
      <div class="collapse navbar-collapse" id="main-menu">
        <ul class="navbar-nav ml-auto">
          <!--Begin Main Menu Item-->
          <li class="nav-item{if $filename eq 'contact' or $filename eq 'submitticket'} active{/if}"> <a class="nav-link" href="/index.php">Home</a></li>
          <!--End Main Menu Item--> 
          <!--Begin Main Menu Item-->
          </li><li class="nav-item .dropdown{if $category eq 'hosting'} active{/if}"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services<i class="fas fa-fw fa-caret-down icon-dropdown"></i></a>
            <ul class="dropdown-menu dropdown-content">
                    <div class="row"> 
                        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/website-builder/"><i class="fas fa-fw fa-server"style="color:#585453"></i>Website Builder</a></li>
                
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/web-hosting/"><i class="fas fa-fw fa-server"style="color:#585453"></i>CPanel Web Hosting</a></li>
                
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/reseller-hosting/"><i class="fas fa-fw fa-users"style="color:#585453"></i>Reseller Hosting</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/vps-hosting/"><i class="fas fa-fw fa-tachometer-alt"style="color:#585453"></i>VPS Hosting</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/dedicated-servers/"><i class="fas fa-fw fa-tachometer-alt"style="color:#585453"></i>Dedicated Servers</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/domainchecker.php"><i class="fas fa-fw fa-globe"style="color:#585453"></i>Register a domain name</a></li>
          <li><a class="dropdown-item" href="{$WEB_ROOT}/cart.php?a=add&domain=transfer"><i class="fas fa-fw fa-globe"style="color:#585453"></i>Transfer a domain name</a></li>
                <li><a class="dropdown-item" href="https://webhost.pro/services/ssl-certificates/"><i class="fas fa-fw fa-lock"style="color:#585453"></i>SSL certificates</a></li></div>
                            <div class="col-lg-8 col-md-6 col-sm-12 col-xs-12">
                <section class="heromenu img-fluid"></div></ul></li>
          <!--End Main Menu Item--> 
          <!--Begin Main Menu Item-->
          <li class="nav-item .dropdown{if $category eq 'services'} active{/if}"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Support<i class="fas fa-fw fa-caret-down icon-dropdown"></i></a>
            <ul class="dropdown-menu dropdown-content">
                                    <div class="row"> 
                        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
              <li><a class="dropdown-item" href="{$WEB_ROOT}/support/"><i class="fas fa-fw fa-life-ring"style="color:#000"></i><strong>Quick Help</strong></a></li>
                <li><a class="dropdown-item" href="{$WEB_ROOT}/knowledgebase.php"><i class="fas fa-fw fa-book"style="color:#585453"></i>Knowledgebase</a></li>           
                <li><a class="dropdown-item" href="{$WEB_ROOT}/submitticket.php"><i class="fas fa-fw fa-life-ring"style="color:#585453"></i>New Support Ticket</a></li>             
              <li><a class="dropdown-item" href="{$WEB_ROOT}/supporttickets.php"><i class="fas fa-fw fa-life-ring"style="color:#585453"></i>View Support Tickets</a></li>  
              <li><a class="dropdown-item" href="{$WEB_ROOT}/support/payment-options/"><i class="fas fa-fw fa-credit-card"style="color:#585453"></i>Payment Options</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/support/how-to-build-a-website/"><i class="fas fa-fw fa-cogs"style="color:#585453"></i>Building a Website</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/support/starting-a-website/"><i class="fas fa-fw fa-lightbulb"style="color:#585453"></i>Website Basics</a></li></div>
                            <div class="col-lg-8 col-md-6 col-sm-12 col-xs-12">
                                <section class="heromenu2 img-fluid">
                                    </div></ul></li>
          <li class="nav-item .dropdown{if $category eq 'services'} active{/if}"><a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Company<i class="fas fa-fw fa-caret-down icon-dropdown"></i></a>
            <ul class="dropdown-menu dropdown-content">
                                    <div class="row"> 
                        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
              <li><a class="dropdown-item" href="{$WEB_ROOT}/company/why-us/"><i class="fas fa-fw fa-question-circle"style="color:#585453"></i>Why us</a></li>
                <li><a class="dropdown-item" href="{$WEB_ROOT}/company/about-us/"><i class="fas fa-fw fa-building"style="color:#585453"></i>About us</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/company/affiliates/"><i class="fas fa-fw fa-sack-dollar"style="color:#119203"></i>Affiliate program</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/contact.php"><i class="fas fa-fw fa-comments-alt"style="color:#585453"></i>Contacts</a></li>
              <li><a class="dropdown-item" href="https://blog.webhost.pro/"><i class="fas fa-fw fa-pen"style="color:#585453"></i>Our Blog</a></li>
            </div>
                            <div class="col-lg-8 col-md-6 col-sm-12 col-xs-12">

                                
                                <section class="heromenu3 img-fluid">
                                
                                    </div>
            </ul>
          </li>
          <!--End Main Menu Item--> 
          <!--Begin Main Menu Item-->
          {if $whmcs_menu eq 'integrated'}
          <li class="nav-item .dropdown{if $pagetype neq 'custom' and $filename neq 'index' and $filename neq 'contact' and $filename neq 'submitticket'} active{/if}"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Clients<i class="fas fa-fw fa-caret-down icon-dropdown"></i></a>
                        <ul class="dropdown-menu dropdown-content">
                                    <div class="row"> 
                        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                {include file="$child_template/{$zumada_content}/includes/client-navigation.tpl"}
                            </div>
                            <div class="col-lg-8 col-md-6 col-sm-12 col-xs-12">

                                
                                <section class="heromenu4 img-fluid">
                                
                            </div>
            </ul>
          </li>

          {else}
          <li class="nav-item .dropdown{if $pagetype neq 'custom' and $filename neq 'index' and $filename neq 'contact' and $filename neq 'submitticket'} active{/if}"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Clients<i class="fas fa-fw fa-caret-down icon-dropdown"></i></a>
            <ul class="dropdown-menu dropdown-content">
            {if $loggedin}
                <li><a class="dropdown-item" href="{$WEB_ROOT}/clientarea.php"><i class="fas fa-user fa-fw"></i>{$LANG.account}</a></li>
                <li><a class="dropdown-item" href="{$WEB_ROOT}/logout.php"><i class="fas fa-sign-out-alt fa-fw"></i>{$LANG.clientareanavlogout}</a></li>
            {else}
                <li><a class="dropdown-item" href="{$WEB_ROOT}/clientarea.php"><i class="fas fa-lock fa-fw"style="color:#119203"></i>{$LANG.login}</a></li>
                {if $condlinks.allowClientRegistration eq 'on'}
                    <li><a class="dropdown-item" href="{$WEB_ROOT}/register.php"><i class="fas fa-users fa-fw"></i>{$LANG.register}</a></li>
                {/if}
                <li><a class="dropdown-item" href="{$WEB_ROOT}/pwreset.php"><i class="fas fa-key fa-fw"></i>{$LANG.forgotpw}</a></li>
            {/if}
            </ul>
          </li>
          {/if}
          <!--End Main Menu Item-->
          <!--Begin Main Menu Item-->          <!--End Main Menu Item--> 
                <!--Begin Cart Link-->
          <li class="nav-item cart"><a href="{$WEB_ROOT}/cart.php?a=view"><span class="mobile-menu">View Cart</span><span class="cart-count"><i class="fas fa-shopping-cart"></i>
            <span class="btn btn-headercart">{$cartitemcount}</span>
          </span></a></li>
          <!--End Cart Link-->
        </ul>
      </div>
    </nav>
  </div>
</div>
<!--End Menu-->
原文

It's very strange. The mega menu works on most pages, for example: https://webhost.pro/support/

But once you load the cart pages or the client area pages, the menu stops working:
https://webhost.pro/cart.php?a=view

I just added the new mega menu code, it was working fine before this new mega menu was added today. Something I added is causing a conflict with certain parts of the website. I've tried to find any error codes or messages but there is none. I checked chrome's code errors and it didn't list any related to this.

The CSS code is pretty simple:

    /* Dropdown content (hidden by default) */
.dropdown-content {

  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  padding:20px 0px 20px 0px;
  z-index: 15;
}

.menu{background:#FFF;padding:35px 0;font-family:'Source Sans Pro',sans-serif}.menu .navbar-brand{padding:0}.menu .logo:hover{opacity:.5;transition:opacity .55s ease-in-out;-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out}

.menu .navbar-nav .dropdown-menu{background:#FFF;margin-top:26px;border-radius:0;padding:0;border:1px solid #dedada;border-top:none}.menu .dropdown-item{color:#013d57;font-weight:600;font-size:12px;padding:10px 30px 10px 15px;text-transform:uppercase}

The menu code is:

    <!--Begin Menu-->
<div class="menu sticky-menu bridge">
  <div class="container">
    <nav class="navbar navbar-expand-lg navbar-light"> <a class="navbar-brand" href="{$systemurl}"><img src="{$WEB_ROOT}/templates/{$child_template}/assets/img/logo.png" alt="web host pro" width="286" height="35" class="img-fluid logo" srcset="{$WEB_ROOT}/templates/{$child_template}/assets/img-retina/[email protected] 2x"></a>
      <button class="navbar-toggler custom-toggle" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
      <div class="collapse navbar-collapse" id="main-menu">
        <ul class="navbar-nav ml-auto">
          <!--Begin Main Menu Item-->
          <li class="nav-item{if $filename eq 'contact' or $filename eq 'submitticket'} active{/if}"> <a class="nav-link" href="/index.php">Home</a></li>
          <!--End Main Menu Item--> 
          <!--Begin Main Menu Item-->
          </li><li class="nav-item .dropdown{if $category eq 'hosting'} active{/if}"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services<i class="fas fa-fw fa-caret-down icon-dropdown"></i></a>
            <ul class="dropdown-menu dropdown-content">
                    <div class="row"> 
                        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/website-builder/"><i class="fas fa-fw fa-server"style="color:#585453"></i>Website Builder</a></li>
                
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/web-hosting/"><i class="fas fa-fw fa-server"style="color:#585453"></i>CPanel Web Hosting</a></li>
                
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/reseller-hosting/"><i class="fas fa-fw fa-users"style="color:#585453"></i>Reseller Hosting</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/vps-hosting/"><i class="fas fa-fw fa-tachometer-alt"style="color:#585453"></i>VPS Hosting</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/dedicated-servers/"><i class="fas fa-fw fa-tachometer-alt"style="color:#585453"></i>Dedicated Servers</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/domainchecker.php"><i class="fas fa-fw fa-globe"style="color:#585453"></i>Register a domain name</a></li>
          <li><a class="dropdown-item" href="{$WEB_ROOT}/cart.php?a=add&domain=transfer"><i class="fas fa-fw fa-globe"style="color:#585453"></i>Transfer a domain name</a></li>
                <li><a class="dropdown-item" href="https://webhost.pro/services/ssl-certificates/"><i class="fas fa-fw fa-lock"style="color:#585453"></i>SSL certificates</a></li></div>
                            <div class="col-lg-8 col-md-6 col-sm-12 col-xs-12">
                <section class="heromenu img-fluid"></div></ul></li>
          <!--End Main Menu Item--> 
          <!--Begin Main Menu Item-->
          <li class="nav-item .dropdown{if $category eq 'services'} active{/if}"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Support<i class="fas fa-fw fa-caret-down icon-dropdown"></i></a>
            <ul class="dropdown-menu dropdown-content">
                                    <div class="row"> 
                        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
              <li><a class="dropdown-item" href="{$WEB_ROOT}/support/"><i class="fas fa-fw fa-life-ring"style="color:#000"></i><strong>Quick Help</strong></a></li>
                <li><a class="dropdown-item" href="{$WEB_ROOT}/knowledgebase.php"><i class="fas fa-fw fa-book"style="color:#585453"></i>Knowledgebase</a></li>           
                <li><a class="dropdown-item" href="{$WEB_ROOT}/submitticket.php"><i class="fas fa-fw fa-life-ring"style="color:#585453"></i>New Support Ticket</a></li>             
              <li><a class="dropdown-item" href="{$WEB_ROOT}/supporttickets.php"><i class="fas fa-fw fa-life-ring"style="color:#585453"></i>View Support Tickets</a></li>  
              <li><a class="dropdown-item" href="{$WEB_ROOT}/support/payment-options/"><i class="fas fa-fw fa-credit-card"style="color:#585453"></i>Payment Options</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/support/how-to-build-a-website/"><i class="fas fa-fw fa-cogs"style="color:#585453"></i>Building a Website</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/support/starting-a-website/"><i class="fas fa-fw fa-lightbulb"style="color:#585453"></i>Website Basics</a></li></div>
                            <div class="col-lg-8 col-md-6 col-sm-12 col-xs-12">
                                <section class="heromenu2 img-fluid">
                                    </div></ul></li>
          <li class="nav-item .dropdown{if $category eq 'services'} active{/if}"><a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Company<i class="fas fa-fw fa-caret-down icon-dropdown"></i></a>
            <ul class="dropdown-menu dropdown-content">
                                    <div class="row"> 
                        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
              <li><a class="dropdown-item" href="{$WEB_ROOT}/company/why-us/"><i class="fas fa-fw fa-question-circle"style="color:#585453"></i>Why us</a></li>
                <li><a class="dropdown-item" href="{$WEB_ROOT}/company/about-us/"><i class="fas fa-fw fa-building"style="color:#585453"></i>About us</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/company/affiliates/"><i class="fas fa-fw fa-sack-dollar"style="color:#119203"></i>Affiliate program</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/contact.php"><i class="fas fa-fw fa-comments-alt"style="color:#585453"></i>Contacts</a></li>
              <li><a class="dropdown-item" href="https://blog.webhost.pro/"><i class="fas fa-fw fa-pen"style="color:#585453"></i>Our Blog</a></li>
            </div>
                            <div class="col-lg-8 col-md-6 col-sm-12 col-xs-12">

                                
                                <section class="heromenu3 img-fluid">
                                
                                    </div>
            </ul>
          </li>
          <!--End Main Menu Item--> 
          <!--Begin Main Menu Item-->
          {if $whmcs_menu eq 'integrated'}
          <li class="nav-item .dropdown{if $pagetype neq 'custom' and $filename neq 'index' and $filename neq 'contact' and $filename neq 'submitticket'} active{/if}"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Clients<i class="fas fa-fw fa-caret-down icon-dropdown"></i></a>
                        <ul class="dropdown-menu dropdown-content">
                                    <div class="row"> 
                        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                {include file="$child_template/{$zumada_content}/includes/client-navigation.tpl"}
                            </div>
                            <div class="col-lg-8 col-md-6 col-sm-12 col-xs-12">

                                
                                <section class="heromenu4 img-fluid">
                                
                            </div>
            </ul>
          </li>

          {else}
          <li class="nav-item .dropdown{if $pagetype neq 'custom' and $filename neq 'index' and $filename neq 'contact' and $filename neq 'submitticket'} active{/if}"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Clients<i class="fas fa-fw fa-caret-down icon-dropdown"></i></a>
            <ul class="dropdown-menu dropdown-content">
            {if $loggedin}
                <li><a class="dropdown-item" href="{$WEB_ROOT}/clientarea.php"><i class="fas fa-user fa-fw"></i>{$LANG.account}</a></li>
                <li><a class="dropdown-item" href="{$WEB_ROOT}/logout.php"><i class="fas fa-sign-out-alt fa-fw"></i>{$LANG.clientareanavlogout}</a></li>
            {else}
                <li><a class="dropdown-item" href="{$WEB_ROOT}/clientarea.php"><i class="fas fa-lock fa-fw"style="color:#119203"></i>{$LANG.login}</a></li>
                {if $condlinks.allowClientRegistration eq 'on'}
                    <li><a class="dropdown-item" href="{$WEB_ROOT}/register.php"><i class="fas fa-users fa-fw"></i>{$LANG.register}</a></li>
                {/if}
                <li><a class="dropdown-item" href="{$WEB_ROOT}/pwreset.php"><i class="fas fa-key fa-fw"></i>{$LANG.forgotpw}</a></li>
            {/if}
            </ul>
          </li>
          {/if}
          <!--End Main Menu Item-->
          <!--Begin Main Menu Item-->          <!--End Main Menu Item--> 
                <!--Begin Cart Link-->
          <li class="nav-item cart"><a href="{$WEB_ROOT}/cart.php?a=view"><span class="mobile-menu">View Cart</span><span class="cart-count"><i class="fas fa-shopping-cart"></i>
            <span class="btn btn-headercart">{$cartitemcount}</span>
          </span></a></li>
          <!--End Cart Link-->
        </ul>
      </div>
    </nav>
  </div>
</div>
<!--End Menu-->

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（1）

深居我梦 2025-02-06 07:38:53

这是文件中的冲突：bridge.min.css

我从此CSS文件中删除了代码，这一切都很好！

.bridge .dropdown,.bridge .dropleft,.bridge .dropright,.bridge .dropup{position:relative}.bridge .dropdown-toggle{white-space:nowrap}.bridge .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.bridge .dropdown-toggle:empty::after{margin-left:0}.bridge .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.bridge .dropdown-menu-left{right:auto;left:0}.bridge .dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.bridge .dropdown-menu-sm-left{right:auto;left:0}.bridge .dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.bridge .dropdown-menu-md-left{right:auto;left:0}.bridge .dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.bridge .dropdown-menu-lg-left{right:auto;left:0}.bridge .dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.bridge .dropdown-menu-xl-left{right:auto;left:0}.bridge .dropdown-menu-xl-right{right:0;left:auto}}

It was a conflict in the file:bridge.min.css

I removed the code from this CSS file and it's all good!

.bridge .dropdown,.bridge .dropleft,.bridge .dropright,.bridge .dropup{position:relative}.bridge .dropdown-toggle{white-space:nowrap}.bridge .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.bridge .dropdown-toggle:empty::after{margin-left:0}.bridge .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.bridge .dropdown-menu-left{right:auto;left:0}.bridge .dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.bridge .dropdown-menu-sm-left{right:auto;left:0}.bridge .dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.bridge .dropdown-menu-md-left{right:auto;left:0}.bridge .dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.bridge .dropdown-menu-lg-left{right:auto;left:0}.bridge .dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.bridge .dropdown-menu-xl-left{right:auto;left:0}.bridge .dropdown-menu-xl-right{right:0;left:auto}}
回复 原文
~没有更多了~

关于作者

无可置疑

暂无简介

文章
评论
28 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

李珊平

文章 0 评论 0

Quxin

文章 0 评论 0

范无咎

文章 0 评论 0

github_ZOJ2N8YxBm

文章 0 评论 0

若言

文章 0 评论 0

南…巷孤猫

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文