小编Mit*_*tiu的帖子

在Bootstrap 4导航栏切换中防止项目折叠

我有一个bootstrap 4导航栏.在这个导航栏中,我有一个字体真棒图标购物车,当页面传递最大宽度值时,我不想切换(进入3行菜单)来自bootstrap的响应式导航栏.我想留在菜单栏附近.我该怎么做?PS:我会放三个!字体真棒图标是帮助您看到它.

HTML:

<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="index.php">English Park Cuisine</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
    <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
            <a class="nav-link" href="index.php">Acasa<span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Meniu
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                <a class="dropdown-item" href="meniu.php">Pizza</a>
                <a class="dropdown-item" href="#">Paste</a>
                <a class="dropdown-item" href="#">Supe</a>
                <a class="dropdown-item" href="#">Ciorbe</a>
                <a class="dropdown-item" href="#">Desert</a>
            </div>
        </li>
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" …
Run Code Online (Sandbox Code Playgroud)

html css navbar twitter-bootstrap bootstrap-4

4
推荐指数
1
解决办法
1606
查看次数

标签 统计

bootstrap-4 ×1

css ×1

html ×1

navbar ×1

twitter-bootstrap ×1