Html 输入字段不是'；t以直线形式或水平形式对齐

我真的需要一些帮助。我一整天都在摆弄这张表格，我拿不到这些盒子来显示我需要它们的地方。我会在下面附上一张我希望它看起来如何的图片。我用

表单内联

和

表单水平

尝试了不同的方法，但都不管用

任何帮助都将不胜感激

以下是我一直在尝试的一些东西：

<form class="form-horizontal">
                    <div class="col-md-6">
                        <h4>Shipping Address</h4>
                        <hr>
                    </div>

                    <div class="col-md-6">
                        <h4>Contact Info</h4>
                        <hr>
                    </div>

                    <div class="col-md-12">
                        <div class="form-group row">
                            <label for="inputKey" class="col-md-2 control-label">First Name</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control" id="inputKey" placeholder="First Name">
                            </div>
                            <label for="inputValue" class="col-md-3 control-label">Email Address</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control" id="inputValue" placeholder="Email Address">
                            </div>
                        </div>
                    </div>

                </form>

送货地址

联系方式

名字
电子邮件地址

您只需确保使用了正确的行/列，并且不要在网格列中使用

form horizonal

<form class="row">
        <div class="col-md-6">
            <h4>Shipping Address</h4>
            <hr>
        </div>
        <div class="col-md-6">
            <h4>Contact Info</h4>
            <hr>
        </div>
        <div class="col-md-12">
            <div class="form-group row">
                <label for="inputKey" class="col-md-2 control-label">Key</label>
                <div class="col-md-4">
                    <input type="text" class="form-control" id="inputKey" placeholder="Key">
                </div>
                <label for="inputValue" class="col-md-2 control-label">Other</label>
                <div class="col-md-4">
                    <input type="text" class="form-control" id="inputValue" placeholder="Value">
                </div>
            </div>
            <div class="form-group row">
                <label for="inputKey" class="col-md-2 control-label">State</label>
                <div class="col-md-2">
                    <input type="text" class="form-control" id="inputSt" placeholder="ST">
                </div>
                <div class="col-md-2">
                    <input type="text" class="form-control" id="inputZip" placeholder="Zip">
                </div>
                <label for="inputValue" class="col-md-2 control-label">Other</label>
                <div class="col-md-4">
                    <input type="text" class="form-control" id="inputValue" placeholder="Value">
                </div>
            </div>
        </div>
    </form>

送货地址

联系方式

钥匙
其他
陈述
其他

---

您能发布一些代码吗？很难说什么不起作用，除非我们能看到你有什么。你希望它们如何对齐？全部在一列中？图片显示了我希望框如何对齐。标题在一行中，名字和电子邮件在一行中，等等。到目前为止你使用过css吗？没有自定义css，只有引导类