Bootstrap Div或类似于形式组输入组 - 辅助

Question

是否可以仅仅显示出信息以显示信息？不要以形式使用它。

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/

Answer 1

这似乎对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>

Answer 2

html：

<div class="form-group ">
    <div class="input-group">
        <span class="input-group-addon">Firstname</span>
        <span class="value">Vincent</span>
    </div> 
</div>

CSS：

.value {
  display:block;
  background-color: white;
  border: 1px solid lightgrey;
  height:30px;
  padding: 4px 10px;
  border-radius: 0 4px 4px 0;
}