Bootstrap 3 <div class =“col-md-6”not =“”rendering =“”in =“”website =“”

Question

=“”

我正在办理登记表但有问题。

<div class="container padding-top-10">
    <div class="panel panel-default">
        <div class="panel-heading">
            Registeration
        </div>
        <div class="panel-body">
            <form>
                <label for="firstName" class="control-label">Name:</label>
                <div class="row">
                    <div class="col-md-6">
                        <input type="text" class="form-control" id="firstName" placeholder="First" />
                    </div>
                    <div class="col-md-6">
                        <input type="text" class="form-control" id="lastName" placeholder="Last" />
                    </div>
                </div>
                <label for"address1" class="control-label">Address:</label>
                <div class="row">
                    <div class="col-md-12">
                        <input type="text" class="form-control" id="address1" placeholder="Address line 1" />
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <input type="text" class="form-control" id="address2" placeholder="Address line 2" />
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

然而，它呈现如下： how the image renders

虽然我希望frist名称和姓氏的长度文本输入更长，以便每个都占用相等的空间。并且地址文本输入将整个页面堆叠在一起。

但它并没有呈现出我想成为的样子。 请帮帮我!!!