如何在bootstrap css中对齐左右对齐方式

Question

我正在尝试设计一个带有两个分区的表单，基于谷歌我能够做到这一点，但问题是左右对齐不相等，右侧有很多空间即将到来。以下是我的踪迹，任何机构都可以建议这项调整需要做些什么？这是正确的方法吗？

我在Asp.net MVC中尝试这个。

<div class="panel panel-default">
    <div class="panel-body">

        <div class="col-lg-6 form-group">
            <div class="row row-centered">
                <div class="centred">
                    <div class="col-md-2 col-centered">
                        <label class="control-label">UserName</label>
                        <div class="controls">
                            <input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name">
                        </div>
                    </div>
                    </div>
                </div>
            </div>
                <div class="col-lg-6 form-group">
                    <label class="control-label">Password</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name">
                    </div>
                </div>
                <div class="col-lg-6 form-group">
                    <label class="control-label">PhoneNumber</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name">
                    </div>
                </div>

                <div class="col-lg-6 form-group">
                    <label class="control-label">TextArea</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name">
                    </div>
                </div>
                <div class="col-lg-6 form-group">
                    <label class="control-label">Address</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name">
                    </div>
                </div>

                <div class="col-lg-6 form-group">
                    <label class="control-label">Location</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name">
                    </div>
                </div>
                <div class="col-lg-6 form-group">
                    <label class="control-label">City</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name">
                    </div>
                </div>

                <div class="col-lg-6 form-group">
                    <label class="control-label">Fiber</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name">
                    </div>
                </div>
                <div class="col-lg-6 form-group">
                    <label class="control-label">State</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name">
                    </div>
                </div>

                <div class="col-lg-6 form-group">
                    <label class="control-label">Town</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name">
                    </div>
                </div>

                <div class="col-lg-6 form-group">
                    <label class="control-label">PostalCode</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name">
                    </div>
                </div>

                <div class="col-lg-6 form-group">
                    <label class="control-label">Pincode</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name">
                    </div>
                </div>
            </div>
        </div>