Bootstrap Div 或 Span 类似表单组输入组插件

伦敦史密斯

是否可以制作类似于表单组输入组插件布局的东西来显示信息?不要在表单中使用它。

HTML:

<div class="form-group ">
    <div class="input-group">
        <span class="input-group-addon">Firstname</span>
        <input value="Vincent" name="InputFirstname" type="text" required>
    </div> 
</div>

CSS:

input {
  background-color: white;
  border: 1px solid lightgrey;
  height:30px;
  padding-left:10px;
}

http://jsfiddle.net/v69ju4Lz/

理查德·巴克

这似乎在 Chrome 上运行良好。它不需要一个新的 CSS 类,但它确实使用了 Bootstrap 已经提供的一个。

<div class="input-group">
  <div class="input-group-prepend">
    <span class="input-group-text">Firstname</span>
  </div>
  <span class="form-control">Vincent</span>
</div>

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章