代码之家  ›  专栏  ›  技术社区  ›  3gwebtrain

删除了桌面视图上的右边距

  •  -1
  • 3gwebtrain  · 技术社区  · 7 年前

    我需要右边的菜单。它在移动视图中工作良好,在左侧保持对齐,在右侧留出空间。但我要求的结果与桌面相反。菜单需要左右对齐,可以是空白。如何做到这一点?

    这是我的密码: mr-auto 与移动设备配合使用效果良好。如何仅在手机上应用?

    <ul class="navbar-nav mr-auto">
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">English</a>
            <div class="dropdown-menu">
                <a class="dropdown-item" href="#">French</a>
                <a class="dropdown-item" href="#">German</a>
                <a class="dropdown-item" href="#">Doutch</a>
            </div>
        </li>
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Michel Pienazak</a>
            <div class="dropdown-menu">
                <a class="dropdown-item" href="#">Settings</a>
            </div>
        </li>
    </ul>
    
    1 回复  |  直到 7 年前
        1
  •  2
  •   Brad    7 年前

    class="float-md-left" 将使元素向左浮动,但仅限于md大小及以上。

    边距也可以这样做,您可以添加断点修饰符 {property}{sides}-{breakpoint}-{size}

    请看这里: Floats Margins

    推荐文章