Bootstrap导航栏品牌形象垂直居中

Question

嗨，我正在玩引导主题。这里的问题是lottoNumber的图像没有与导航栏垂直对齐。

Live demo

import pandas as pd
import glob

path = r'Total_csvs' 
all_files = glob.glob(path + "/*.csv")

li = []

for filename in all_files:
    df = pd.read_csv(filename, index_col=None, header=0)
    li.append(df)

frame = pd.concat(li, axis=0, ignore_index=True)
frame.to_csv('Total.csv',index=False)

Answer 1

您可以通过CSS3 flexbox的新功能来解决此问题，因为您需要在类上应用一些CSS。

.container-fluid {
    display: flex;
    align-items: center;
}

.navbar-brand {
    padding: 0 15px;  // for remove top padding
}

.collapse.navbar-collapse {
    margin-left: auto;
}

导航栏垂直居中。

Answer 2

从style.css中删除.container-fluid { margin-top: 20px; }，然后添加#bs-example-nav-collapse-1 { margin-top: 20px;}