Fieldset在Twitter下無法正確呈現引導程序

Question

我正在嘗試在使用Bootstrap的響應站點中的頁面上使用Fieldset。實際上，我正在嘗試使用帶有GroupingText屬性集的ASP.NET Panel控件 - 但實際上，它將呈現爲一個帶有圖例集的字段集，它們的設置如此相同。頁面沒有正確顯示字段集。通常情況下，有一個字段，你擺脫你的內容嵌入在邊境傳說的邊界，如以下（同一地點無引導）：

但這裏是什麼樣子，如果我有引導：

我已經看了，看看有什麼引導CSS與字段集做什麼，但無法弄清楚什麼導致它。任何人都有使用fieldset（或填充了GroupingText的ASP.NET面板）與Bootstrap結合的問題？任何人都知道如何讓Bootstrap正常渲染fieldset？

Answer 1

這將undoutably不是回答你所希望看到的，但我能想到的只有一個選項，這將有助於使fieldset和legend元素，只要你想，當你包括你的項目引導的：

有一個CSS屬性調用all，它有幾個值可以在其上設置。你可以閱讀它here。您感興趣的價值是initial。因此，具有屬性all: initial;的類將按照CSS規範中的定義將所有選定元素的屬性重置爲其初始值。之後，您必須將legend和fieldset元素設置爲您希望渲染的方式。我已經提供了一些可以幫助您入門的工作代碼。你可以看到它在行動here。請注意，如果你刪除了所有的CSS，bootstrap就在這個環境中，你會看到引導樣式呈現。

樣本HTML：

<fieldset class="reset-this redo-fieldset" style="margin-left: 10px;"> 
    <legend class="reset-this redo-legend">Name</legend> 
    First Name: <input type="text"><br> 
    Last Name: <input type="text"><br> 
</fieldset> 

樣品CSS：

.reset-this { 
    all: initial; 
} 

.redo-fieldset { 
    border: 1px solid black; 
    padding : 10px; 
} 

.redo-legend { 
    color: black; 
}