Twitter bootstrap 引导文本框未完全伸展
为什么我表单中的文本框在全屏幕上没有进一步伸展?它似乎很短Twitter bootstrap 引导文本框未完全伸展,twitter-bootstrap,Twitter Bootstrap,为什么我表单中的文本框在全屏幕上没有进一步伸展?它似乎很短 <!-- row: 4 --> <div class="row base-padding fill-dark"> <div class="col-md-8 no-padding"> <h2 class="white base-padding-bottom">SIGN UP FOR OUR NEWSLETTER</h3> <p cla
<!-- row: 4 -->
<div class="row base-padding fill-dark">
<div class="col-md-8 no-padding">
<h2 class="white base-padding-bottom">SIGN UP FOR OUR NEWSLETTER</h3>
<p class="light-grey">Receive exclusive promotions, <strong>free passes</strong> for <strong>family and friends</strong> and links to our weekly ad!</p>
<br>
</div>
<div class="col-md-4 no-padding">
<h2 class="white base-padding-bottom">EMAIL ADDRESS</h3>
<form class="form-inline" role="form">
<div class="form-group">
<label class="sr-only" for="exampleInputEmail2">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
</div>
<button type="submit" class="btn btn-default">Sign in</button>
</form>
</div>
</div>
注册我们的时事通讯
接受独家促销,为家人和朋友提供免费通行证,并链接到我们的每周广告
电子邮件地址
电子邮件地址
登录
使用引导中包含的内联表单时,必须手动设置输入的宽度
:
在引导中,输入、选择和文本区域默认为100%宽。要使用内联表单,您必须在中使用的表单控件上设置宽度
设置输入时,似乎需要使用像素(px)值。当我尝试将其设置为百分比值时,它无法正常工作,至少在我这方面是如此
如果在样式表中添加类似的内容,您应该能够根据需要调整文本框的大小。只需将256更改为所需的长度即可
.form-inline .form-control {
width: 256px;
}
如果我正确理解引导文档,它就不会在较小的屏幕上使用.form inline
样式(这有点帮助,但为了响应,如何使其与col-md-8的宽度百分比相同??