Bootstrap Div或Span like form-group input-group-addon

Question

是否可以像form-group input-group-addon layout那樣顯示信息？不要在表單中使用它。

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

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; 
}