Html 如何在Bootstrap3中有两列注册表？

我正试图有两列登记表使用Bootstrap3，我的网站的其他页面是罚款除了注册页面。我的输入字段和标签分散在屏幕右侧，因为我使用

col-md-6

for将页面一分为二。页面现在看起来像这样

如你所见，右边是idk，它们是分散的。这面怎么修？我的代码两边都是这样的：

<div class="container">
    <div class="row">
        <!-- start code on the left side of the page -->
        <div class="col-md-6">
            <div class="form-group">
                <label class="col-sm-3 control-label"><font color="red"><b>*</b></font> First Name</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" name="firstname" id="firstname" 
                        placeholder="Firstname" onKeyPress="return ValidateAlpha(event);" onblur="toUpper(this.value, this.id);"/>        
                    </div>
            </div>
        </div>
        <!-- left code ends here -->

        <!-- start code on the right side of the page -->
        <div class="col-md-6">
            <div class="form-group">
                <label class="col-sm-3 control-label"><font color="red"><b>*</b></font> E-mail</label>
                    <div class="col-sm-5 ">
                        <input type="text" class="form-control" name="email" id="email" placeholder= "email" 
                            ondrop="return false;" onpaste="return false;" /></span>
                    </div>
            </div>
        </div>
        <!-- right code ends here -->
    </div>
</div>

*名字
*电子邮件

在引导中尝试

clearfix

类

---

代码笔示例看看我为你做的代码笔

请删除

！重要信息

，并对样式进行更改。css

---

编辑：在输入之前，您不应在标签和

中给出任何类，因为它将自动为您对齐。

请共享复制此问题所需的代码。请看清楚：两者都应该解决您的问题。但是如果你能在JSFIDLE上发布完整的代码，我们可以试着帮助你。我在发布这个问题之前尝试过，但是它在JSFIDLE上没有显示相同的输出，因为它是引导的。但无论如何，这里有一个@shoebYou使用的是非常糟糕的html。让我帮你修一下……谢谢！这将意味着很多，先生@鞋带确实起作用了，它不再像以前那样了。但是我怎么能像我在页面左侧那样拥有同样的空间呢？因为在

之后，电子邮件

是

用户名

，两者之间没有空格。即使

username

已在下一行，它们也像是彼此相连。对不起，我不擅长解释，但我希望你明白我的意思。天哪，你是最棒的！！！！！非常感谢你！如果可以的话，我会投一百次票！！！谢谢，谢谢，先生！！！！谢谢你的建议！非常感谢你，先生！