bootstrap头修复

Question

我遇到的困难是我的导航栏右侧元素与我的导航栏品牌部分不对齐。我需要帮助。我想对齐它们，但元素就像这个

header.html

.navbar-text > a {
    color: inherit;
    text-decoration: none;
}
body {
    padding-top: 70px;
    padding-bottom: 100px;
}

.navbar-default{
    background-color:#005b96;
    border-color:#005b96;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    position:absolute;
    top: 25px;
    left:100px;
    right:100px;

}
.navbar-brand {
    width: 100px;
    height: 50px;
}

.navbar-default .navbar-brand > img {
    width: 130px;
    height:50px;
    position: absolute;
    top: 5px;
    padding-top:5px;
    padding-bottom: 5px;
    margin-left: auto;
}

.row{
     position:absolute;
    top: 25px;
    left:115px;
    right:115px;
}
.panel{
    margin-top:100px;
}

的style.css

{{1}}

Answer 1

这是你想要的结果吗？ http://screencast.com/t/5drms5A0f

如果是，我就是这样做的：

.navbar-collapse.collapse {
    position: absolute;
    right: 50px;
    top: 26px;
}

另外，我会把它放在min 768 px媒体查询中。

Answer 2

Example。问题实际上是你的标记。您的c("ID", "A", "B", "C", "D", "E")也应该换

.container

像这样：

<div class="navbar-collapse collapse">
......
</div>