Html 不同尺寸的ul校准

我无法在768px和992之间对齐屏幕的

。对于lg尺寸，我想将div中的

对齐，对于较小尺寸，我想将div中的

对齐

我的代码是：

    <div class="col-lg-3 col-md-3 col-xs-12 header-logo">
        <ul id="loginList" class="nav navbar-nav header-login">
            <li><a href="#" style="padding: 0">Login</a> or <a href="#" style="padding: 0;">Create account</a></li>
        </ul>
    </div>



或


我使用引导

有人知道如何在不同的屏幕大小上对齐吗？
您可以使用display:flex和justify content flex end/center进行此操作

检查此代码段


@媒体屏幕和（最小宽度：1200px）和（最大宽度：2000px）{
分区标题-标识{
显示器：flex；
证明内容：柔性端；
宽度：100vw；
}
ul{}
}
@媒体屏幕和（最小宽度：200px）和（最大宽度：1200px）{
分区标题-标识{
显示器：flex；
证明内容：中心；
宽度：100vw；
}
}


或


为此，您可以使用display:flex和justify content flex end/center

检查此代码段


@媒体屏幕和（最小宽度：1200px）和（最大宽度：2000px）{
分区标题-标识{
显示器：flex；
证明内容：柔性端；
宽度：100vw；
}
ul{}
}
@媒体屏幕和（最小宽度：200px）和（最大宽度：1200px）{
分区标题-标识{
显示器：flex；
证明内容：中心；
宽度：100vw；
}
}


或


由于类
导航栏导航
，它有奇怪的行为。将其替换为
导航栏默认值




或

由于类
导航栏导航
，它有奇怪的行为。将其替换为
导航栏默认值




或

这不是ui，这是ULtyping错误，这是
。你能帮我吗？当然，但现在我不在笔记本电脑旁。后来有些人认为这不是ui，这是ULtyping错误，它是
。你能帮我吗？当然，但现在我不在笔记本电脑旁。后来有人说它不管用了…你到底在找什么我想让ul在lg尺寸的右边对齐，对于所有REST，请将列表放在右侧，设备宽度>1200px，对于其他设备，请将列表放在右侧。您现在可以检查代码段吗？但是，当我在应用程序上尝试此代码时，它不起作用。为什么不起作用？您到底在寻找什么？我希望将ul与lg尺寸对齐，对于所有REST，请将列表放在右侧，以便设备宽度>1200px，对于其他设备，应将其放在中心。您现在可以检查代码段吗？但是，当我在应用程序上尝试此代码时，它不起作用