Twitter의 부트 스트랩`컨테이너 'div가 ASP.Net WebForms

Question

container에 대한 정보를 Several containers at one page과 Twitter Bootstrap Containers에 사용하고 있지만 조금 더 입력하고 싶습니다.

트위터에서 부트 스트랩 자신의 예제에서 같은 페이지에 여러 개의 container div가 표시됩니다. 그러나 ASP.Net MasterPages 및 UserControls는 어떻습니까?

하나의 최상위 레벨 container (모든 내용 영역을 row divs로 구성)에 모든 콘텐츠 영역을 포함하도록 마스터에 container을 사용해야합니까? container div를 콘텐츠 페이지로 푸시 다운해야합니까?

그리고이 한 걸음 더 나아가 여러 개의 row div로 구성된 다소 복잡한 UserControl (.ascx)은 무엇입니까? ascx 마크 업에 container이 있거나 row div로 시작해야합니다. 포함하는 페이지에 외곽선이 있다고 가정하면 container?

마지막으로, 더 일반적으로 새로운 container div를 언제 사용해야하는지에 관한 경험이있는 사람이 있습니까?

Answer 1

내 페이지는 하위 페이지에서 행/범위를 사용하므로 컨테이너 div를 마스터 페이지에 넣습니다. 내 아이 페이지가 컨테이너를 사용하지하고자하는 드문 경우에, 나는 단순히 div 태그 ... 부트 스트랩과 asp.net와

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
    </div> <!-- ending the container --> 

    <!-- whatever --> 

    <div> <!-- the master page ends the container div, so we'll add this instead --> 
</asp:Content> 

몇 가지 유용한 힌트를 ... 종료

라디오 버튼과 체크 박스. 라디오/체크 상자 아래에 텍스트가 나타납니다.css 클래스 또는 checkbox css 클래스를 사용하여 div 내에서 asp.net 라디오 단추 목록 컨트롤 또는 유사한 컨트롤을 중첩시키고 RepeatLayout을 설정하면이 문제를 해결할 수 있습니다.

<div class="radio"> 
    <asp:RadioButtonList ID="rblFleettype" runat="server" RepeatLayout="Flow"> 
     <asp:ListItem Selected="True">Item 1</asp:ListItem> 
     <asp:ListItem>Item 2</asp:ListItem> 
    </asp:RadioButtonList> 
</div> 

오류 메시지에 대한 경고. 많은 asp.net 컨트롤을 템플릿으로 변환하여 오류 리터럴/레이블을 노출 한 다음 CssClass="alert alert-error"을 오류 레이블에 적용 할 수 있습니다. 하지만 이렇게해도 오류가없는 경우에도 빨간색 오류 경계가 표시됩니다. 이 문제를 해결하기 위해 리터럴/레이블에 대한 PreRender 이벤트를 사용하여 Text 속성을 확인하고 비어 있는지 확인한 다음 그에 맞게 Visibility 속성을 설정할 수 있습니다.