如何在文本区域底部之外分配按钮?

哈林

嗨当前有行的图片附件图片目前有一张

但我希望结果显示如下 显示在这里

我在文本区域中使用了5行,因此我希望按钮显示在文本区域的底部附近。

编码如下:

<div class="row">
<p class="col-sm-6 col-md-10 ">
<b >Mail</b> <br />                                                         
<textarea class="form-control" rows="5" id="Email"></textarea>
</p>
<p class="col-sm-6 col-md-2">
<br />
<a id="btnSave"  onclick="SaveValue()" class="btn btn-success btn-flat btn-xs-block"><span style="color: #fff;" class="glyphicon glyphicon-save"></span>Save</a></p> </div> 

我发现了一些建议添加Bootstrap 4.0链接的答案。但这实际上不起作用,但仅更改了我的显示。图像如下在此处输入图片说明

哈林

谢谢你们的所有建议。我首先尝试了。我不确定我是错误地尝试了您的答案,还是其他原因,我从未获得没有任何缺陷的预期结果。之后,将其添加<br />到代码中解决了我的问题。因此,我在下面添加了我的答案。

<p class="col-sm-6 col-md-6 ">
<b >Mail </b> <br />
<textarea class="form-control" rows="5" id="Email"></textarea>
</p>
<p class="col-sm-6 col-md-2 col-xs-12" ">
<br /><br /><br  /><br /><br />
<a id="btnSave"  onclick="SaveValue()" class="btn btn-success btn-flat btn-xs-block"><span style="color: #fff;" class="glyphicon glyphicon-save"></span>Save</a>
</p>

这解决了我的问题,并得到了我预期的结果

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章