gpt4 book ai didi

html - 将表单中心的标签放置在 twitter bootstrap 中

转载 作者:可可西里 更新时间:2023-11-01 12:50:35 25 4
gpt4 key购买 nike

我是 Twitter bootstrap 的新手,我很难将我的表格放在中心。

我这里有这样的代码:

<div class="row">
<div class="pagination-centered">
<br/><br/><br/><br/>
<form action="/payment-init" method="POST">
<fieldset>
<legend>Merchant CheckOut Page</legend>
<label>Product Name</label>
<input type="text" placeholder="Type something..." name="productName" value="Samsung Mobile Phone"/>
<label>Amount</label>
<input type="text" placeholder="Enter the amount in rupees..." name="amount" required="true" />
<label>Merchant Name</label>
<input type="text" placeholder="Merchant name" name="merchantId" required = "true" />
<label>Customer Email</label>
<input type="text" placeholder="test@gmail.com" name="email" required = "true" />
<br>
<button type="submit" class="btn">Submit</button>
</fieldset>
</form>
</div>
</div>

它的输出如下所示:

enter image description here

我想将标签(即产品名称、金额等)移动到文本框的左上角。这可能吗?

提前致谢。

最佳答案

试试 float: left; text-align: left; 如果这对将一些 CSS 代码放入帖子没有帮助 :) 我无法告诉修复表单那个屏幕截图 :)

关于html - 将表单中心的标签放置在 twitter bootstrap 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15761453/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com