时间戳

首页 > 解决方案 > Bootstrap 似乎弄乱了我的导航栏

css - Bootstrap 似乎弄乱了我的导航栏

问题描述

在我的视图模板中，我使用的是引导程序，但我通过 css 添加了我自己的导航栏。但是这些项目不会与中心对齐。当我拿出引导程序时，它们完全对齐。这真的让我很沮丧。任何帮助都感激不尽。

这是我的哈巴狗模板

html
  head
    title Articles
    link(rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css")
    link(rel='stylesheet' href='/css/style.css')
  nav.top
    ul
      li 
        a(href='/') HomePage
      if user
        li 
          a(href='/article/add') Add Article
        li 
          a(href ='/users/logout') Logout         
      else
        li 
          a(href ='/users/register') Register
        li 
          a(href='/users/login') Login
  -------------------------------

CSS

.top{
  display : flex;
  background : white;
  align-items : center;
}
.top ul li {
  display : inline;
}

标签： csstwitter-bootstrappug

解决方案

推荐阅读