Twitter bootstrap 引导网格将元素水平对齐

我有一个关于引导网格的快速问题

如果我有以下代码：

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-2">
                    Some header here
                </div>
                <div class="col-md-8">
                    <input type="text" class="input-small" />
                    <input type="submit" value="ok" />
                </div>
            </div>
        </div>
    </div>        
</div>

这里有一些标题

如何将inputfield拉到更左侧，使其与我的“标题”文本之间有大约5px的边距

我的文本div显然有一个宽度，所以我不能把输入拉得离文本更近。 我可以将类更改为col-md-1，但是我的文本将被强制分为两行

我在这里摆好了小提琴： 您可能必须调整窗口大小，才能正确查看对齐方式

/溴

---

Martin

尝试在网格中使用col-sm-2、col-xs-2功能

<div class="container">
<div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="row">
            <div class="col-md-3 col-sm-3 col-xs-3">
                Some header here
            </div>
            <div class="col-md-9 col-sm-9 col-xs-9">
                <input type="text" class="input-small" />
      <input type="submit" value="ok" />
            </div>
        </div>
    </div>
  </div>        
</div>

这里有一些标题

您可以使用

标签而不是单独的列

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-10">
                    <label>Some header here</label>
                    <input type="text" class="input-small">
                    <input type="submit" value="ok">
                </div>
            </div>
        </div>
    </div>        
</div>


这里有一些标题

col md适用于中型屏幕，而col xs适用于小屏幕设备。给定的代码就是工作代码。当然！非常感谢你的提示：）有时候你只是需要别人关注这个问题。