Bootstrap表格佈局

我只是想仔細檢查一下我所做的事情是否正確。我試圖做一個佈局，像這樣Bootstrap表格佈局

所以它的水平形式的標籤和文本區域。不過，我想在我的標籤下列出一些我基本擁有的點數。但是，我認爲我沒有以最好的方式做到這一點。

<div class="form-group"> 
    <label for="whatDetails" class="col-sm-5 control-label">What 
     <ul> 
      <li>1.</li> 
      <li>2.</li> 
      <li>3.</li> 
     </ul> 
    </label> 

    <div class="col-sm-7"> 
     <textarea rows="5" class="form-control" id="whatDetails"></textarea> 
    </div> 
</div>

我應該把我的清單放在我的標籤元素中，還是有更好的方法來實現這個目標？

感謝

來源

2015-07-28 Nick Price

輸入必須爲每個立不同？如果是這樣的話，你應該爲每一個標籤貼上不同的標籤 – arodriguezdonaire

抱歉，不確定你的意思。 li只是文本輸入的提示。我想將它們移到標籤之外 –

我應該把我的標籤元素在我的名單，...

號你不應該在label元素中把你的清單。

按照規格爲label這裏：http://www.w3.org/TR/html-markup/label.html#label-constraints

允許內容：措辭內容

和

標籤元件可以含有至多一個後代輸入元件，按鈕元素，選擇元素或textarea元素。

另外，作爲每規格爲ul這裏：

允許父元素：可以包含流元件

...或是否有任何元件更好的方法來實現這一目標？

只是分割你label和ul到自己的獨立div。

實施例：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="form-group"> 
 
    <div class="col-sm-4"> 
 
    <label for="whatDetails" class="control-label">What</label> 
 
     <ul> 
 
      <li>1.</li> 
 
      <li>2.</li> 
 
      <li>3.</li> 
 
     </ul> 
 
    </div> 
 
    <div class="col-sm-8"> 
 
     <textarea rows="5" class="form-control" id="whatDetails"></textarea> 
 
    </div> 
 
</div>

來源

2015-07-28 09:27:59 Abhitalks

Bootstrap表格佈局

回答

相關問題