css - Web 应用程序中的 Bootstrap 和 CSS 对齐

Question

我正在使用 Twitter bootstrap v3。我在导航栏中添加了以下内容，目的是将“测试”字符串一直移动到任何屏幕尺寸的左侧。然而，这并没有发生(文本出现在中心和左侧之间的某个位置)。我尝试设置 margin-left、passing-left 和 float 选项，但我没有成功。是否有我需要在我的 css 文件中覆盖的特定设置(覆盖 Bootstrap 中的设置)或者可能为此目的使用不同的 Bootstrap 规则？
提前致谢

HTML

 <a class="navbar-brand pull-left" href="#">Test</a>

CSS

.navbar-brand {
    margin-left:0px;
    float:none;
    padding-left:0px;
}

更新:

http://jsfiddle.net/haider14/BQVk3/

请注意，当您拉伸(stretch)窗口大小时，元素不会一直向左或向右拉。

Answer 1

我不确定这对您来说是否可行，但您可以更改 <div class="container"> 而不是使用固定宽度至 <div class="container-fluid">

http://jsfiddle.net/BQVk3/5/