Html 引导行和文本

我正在创建一个水平的表单，希望在两列之间插入一个完整的单词，如下所示。如果我使用了另一个标记，它会在这个单词的两侧创建太多的填充，如果我只是放入一个标签或一个没有标记的纯文本字符，它会破坏域框的位置。如何在不覆盖bootstrap.css中的样式的情况下实现这一点

我希望表格是完全水平的

<div class="row">
        <label for="www" class="col-sm-1 control-label">
            Label1 
        </label>


    <div class="col-sm-5">
        <input type="text" class="form-control" />
    </div>

    <div class="col-sm-2">
        <input type="text" class="form-control" /> 
    </div>

    <!-- Word to go here-->

    <div class="col-sm-3">
        <button type="submit" class="btn btn-primary">go</button>
    </div>
</div>
</div>

标签1
去

---

提前感谢

您可以尝试遵循bootstrap的12列网格系统，并为单词指定一列

col-sm-1

，以便所有列相加为12列

标签1
沃德
去

不清楚您希望如何呈现此内容。抱歉，此内容已更新。由于BS3 12柱结构，我想把它放在一个容器内

    <div class="row">
    <label for="www" class="col-sm-1 control-label">Label1</label>
    <div class="col-sm-5">
        <input type="text" class="form-control" />
    </div>
    <div class="col-sm-2">
        <input type="text" class="form-control" />
    </div>
    <div class="col-sm-1">woooord</div>
    <div class="col-sm-3">
        <button type="submit" class="btn btn-primary">go</button>
    </div>
</div>