मुझे बूटस्ट्रैप द्वारा प्रदान किए गए नेवबार में समस्या हो रही है। ड्रॉपडाउन-मेनू का उपयोग करते समय यह ऊपर और नीचे एक तीर उत्पन्न करेगा। मैं तीर कैसे हटाऊं? मैंने इंटरनेट पर खोज की है लेकिन मैं अभी भी इसे ठीक नहीं कर सका।

 <nav class="navbar navbar-default">
     <div class="container-fluid">

        <div class="navbar-header">
     <button type="button" id="sidebarCollapse" class="btn btn-info navbar-btn">
        <i class="glyphicon glyphicon-align-left"></i>
            <span></span>
     </button>
     </div>

       <ul class="nav navbar-nav navbar-right">
           <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" >Menu<span class="caret"></span></a>
               <ul class="dropdown-menu">
                 <li><a href="#">a</a></li>
                 <li><a href="#">b</a></li>
                 <li><a href="#">c</a></li>
               </ul>
           </li>
        </ul>
     </div>
 </nav>

यहाँ नमूना चित्र है: https://imgur.com/a/Li6bTVi

-1
KingJ 8 पद 2018, 15:48

1 उत्तर

सबसे बढ़िया उत्तर

आप <span class="caret"></span> को हटा सकते हैं या, CSS के माध्यम से, आप इसे इस तरह छिपा सकते हैं:

.dropdown-toggle .caret {
        display:none;
    }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<nav class="navbar navbar-default">
     <div class="container-fluid">

        <div class="navbar-header">
     <button type="button" id="sidebarCollapse" class="btn btn-info navbar-btn">
        <i class="glyphicon glyphicon-align-left"></i>
            <span></span>
     </button>
     </div>

       <ul class="nav navbar-nav navbar-right">
           <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" >Menu<span class="caret"></span></a>
               <ul class="dropdown-menu">
                 <li><a href="#">a</a></li>
                 <li><a href="#">b</a></li>
                 <li><a href="#">c</a></li>
               </ul>
           </li>
        </ul>
     </div>
 </nav>
0
DaFois 8 पद 2018, 13:17