时间戳

首页 > 解决方案 > 导航栏向左浮动，并且不固定在所有设备的中心位置

html - 导航栏向左浮动，并且不固定在所有设备的中心位置

问题描述

我有一个向左浮动的导航栏，当我尝试在其他设备或更大的屏幕上登录时。导航栏向右浮动。如何使导航栏固定在所有设备的顶部中心位置。是否有任何引导属性或我需要设置的任何内容。

<nav class="navbar navbar-fixed-top navcolor" style="top:50px;">
    <div style="padding-top:10px">
        <div class="pull-right SocialMore">


        </div>
        <div class="navbar-header" style="margin-top:20px">
            <div class="navbar-brand" style="position:relative;"><img src="" class="logo" /></div>
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-controls="navbar">

                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <img class="navbar-brand" src="" />
        </div>
        @if (Request.Url.Host.Contains("local"))
        {
            @Html.Raw(File.ReadAllText(Server.MapPath("~/_MainTopMenu.html")))
        }
        else
        {
            @Html.Raw(File.ReadAllText(Server.MapPath("/_MainTopMenu.html")))
        }

    </div>
</nav>

我尝试了一些填充和边距，但它不适用于所有屏幕。有没有办法让它在所有屏幕上始终居中

标签： htmlcsstwitter-bootstrapbootstrap-4

解决方案

推荐阅读