Html 如何对齐以下面板？

这是我的登录面板的代码。我想把它对齐

<div class="col-sm-3">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">
                <span class="glyphicon glyphicon-log-in"></span> 
                Log In
            </h3>
        </div>
    <div class="panel-body" >
        <form>
            <div class="form-group">
                <input type="text" class="form-control" id="uid" name="uid" placeholder="Username">
            </div>
            <div class="form-group">
                <input type="password" class="form-control" id="pwd" name="pwd" placeholder="Password">
            </div>
                <button type="submit" class="btn btn-default">Log In</button>
        </form>
    </div>
</div>

登录
登录

您似乎正在使用引导。如果是这样，您可以将类“pull right”或“text right”添加到面板中，看看它是否适合您的需要。另外，最好记住，面板周围的代码可能会改变这些类的行为方式。如果你能提供更多的细节（一把小提琴会有帮助），我很乐意增加这个答案

---

您还可以在此链接上查看有关帮助器类的更多信息：

您可以向父div添加一个附加类“右对齐”

<div class="panel panel-default right-align">
        <div class="panel-heading">
            <h3 class="panel-title">
                <span class="glyphicon glyphicon-log-in"></span> 
                Log In
            </h3>
        </div>
        <div class="panel-body" >
            <form>
                <div class="form-group">
                    <input type="text" class="form-control" id="uid" name="uid" placeholder="Username">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="pwd" name="pwd" placeholder="Password">
                </div>
                <button type="submit" class="btn btn-default">Log In</button>
            </form>
        </div>
    </div>

在css文件中

---

或者，也可以发布包含父div的标记，以便更好地理解问题。

您还需要向我们提供css fileBootstrap已经有了一个“pull right”类，可以实现这一点。

.right-align{
  float: right;
 }