Html 右边有一个div

我有一个联系方式，我需要把它放在容器的最右边。我怎么做？我什么都在试，但什么都没发生。也许我必须为列设置不同的类？代码如下：

HTML

---

在表单组内部，将col-sm-10更改为col-sm-12，这样可以使输入字段占据整个表单的宽度，或者如果您希望它们正确对齐，请将float:right添加到col-sm-10 div，这样会起作用。

不确定您真正想要的是什么，但是如果您希望整个表单位于屏幕的最右侧，您必须删除div class=“container”的固定宽度，这就是右侧有空白的原因

如果您希望输入位于红色边框区域的右侧，则应将“float:right”放在col-sm-10“类中。希望它能帮助您添加col-md-offset-2

<div class="form-group">
    // place col-md-offset-2 here for each input
    <div class="col-sm-10 col-md-offset-2">
        <input type="text" class="form-control" id="name" name="name" placeholder="Vorname, Name" value="">
    </div>
</div>

//对于每个输入，将col-md-offset-2放在此处

您希望输入字段正确对齐还是表单本身正确对齐？您已将表单设置为100%，这样您就不会注意到差异，但您可以添加到.form组{margin bottom:-25px；right:0px；}如果您想使用responsive，您可能希望避免使用iframe。iframe不是响应性的web友好元素这是最好的答案。谢谢：）

.col-md-6.map { margin-left: -15px; }
.form-horizontal { width: 100%; float: right; }
.form-group { margin-bottom: -25px; }
.col-md-6.form { border: 1px solid red !important; }

<div class="form-group">
    // place col-md-offset-2 here for each input
    <div class="col-sm-10 col-md-offset-2">
        <input type="text" class="form-control" id="name" name="name" placeholder="Vorname, Name" value="">
    </div>
</div>