gpt4 book ai didi

php - 导航栏中的引导多级下拉菜单有不需要的空白空间

转载 作者:行者123 更新时间:2023-11-27 23:35:44 24 4
gpt4 key购买 nike

我有引导多级下拉导航栏。当我单击按钮时,我希望子菜单位于列表的右侧,但它与最后一个选项重叠。谁能建议我该怎么做? enter image description here enter image description here

  <ul class="nav navbar-nav col-lg-4">  
<li class="active dropdown yamm-fw">
<a href="index.php" data-hover="dropdown" class="dropdown-toggle">Home</a>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-hover="dropdown"
href="#"> category <span class="caret"></span> </a>
<ul class="dropdown-menu dropright">
<?php $sql=mysqli_query($con,"select id,categoryName from category
limit 10");
while($row=mysqli_fetch_array($sql))
{
$category_name=$row['categoryName'];
if ( $category_name == "Clothing")
{ ?>
<li class="dropdown yamm btn-group">
<a class="dropdown-toggle " data-toggle="dropdown" href="#"> <?php echo
$category_name; ?><span class="caret"></span></a>
<ul class="dropdown-menu dropright">
<?php $sql1=mysqli_query($con,"select id,subcategory from subcategory1
where categoryid=" .$row['id']);
while($row1=mysqli_fetch_array($sql1))
{ ?>
<li class="dropdown yamm">
<a href="category.php?cid=<?php echo $row1['id'];?>"> <?php echo
$row1['subcategory'];?></a>
</li>
<?php } ?>
</ul>
</li>
<?php }
else
{ ?>
<li class="dropdown yamm">
<a href="category.php?cid=<?php echo $row['id'];?>"> <?php echo
$row['categoryName'];?></a>
</li>
<?php
}
} ?>
</ul>

最佳答案

您可以通过将填充值写入 CSS 来解决此问题。

    .nav li {padding-top: 5px; padding-bottom: 5px;}

此外,查看 line-height 属性可能会产生一些问题。在某些情况下。

关于php - 导航栏中的引导多级下拉菜单有不需要的空白空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57249830/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com