用于对齐页面元素的 Css 调整？

Question

我不知道自己做了什么，但我要么将页眉和导航向右移动，要么将页面的其余部分向左移动。使用 tw Bootstrap 。我想不通。我对它进行了调试并查看了我的 css 编辑，没有看到任何负边距(我怀疑是这样)。

http://skeeterz71.com/auto

如果有人能帮助我，我将不胜感激。应该显示的是标题 Logo 和顶部导航，页面的其余部分应在左侧和顶部导航右侧与页面右侧对齐。

谢谢

Answer 1

我不完全确定你想要实现什么，但据我猜测，添加这些 CSS 更改可能会有所帮助:

.span12 {
    margin-left: 0;
}

.span6 {
width: auto;
}

#social-wrapper {
float: right;
}

ul.nav.pull-left {
margin: auto;
width: 100%;
}

.topNavRow {
margin-left: 0;
margin-right: -11.5%;
}


@media (max-width: 1200px) {
     .topNavRow {
      margin-left: 0;
      margin-right: -8.5%;
     }
}

(您可以将该样式添加到您的 Main.css 中)- 如果有帮助的话:)