1

Gemäß der Bootstrap documentaionKönnen wir Bootstrap-Container in der ASP.NET MVC-Ansicht verschachteln?

Bootstrap erfordert eine Aufnahmeelement Website Inhalte und Haus unser Gittersystem zu wickeln. Sie können einen von zwei Containern auswählen, die in Ihre Projekte verwendet werden sollen. Beachten Sie, dass Container aufgrund von Auffüllung und mehr verschachtelt werden kann.

In ASP.NET MVC haben wir layout.cshtml Seite, die normalerweise Container enthält. Alle anderen Ansichten werden in diesem Container gerendert. Bedeutet das, dass wir 'Container' nicht in der individuellen Ansicht verwenden können?

+1

Ja, Sie haben Recht. Wenn Sie denken, dass Sie für verschiedene Seiten unterschiedliche Strukturen benötigen, können Sie immer zusätzliche Layouts erstellen. Was Sie als "individuelle Ansicht" bezeichnen, sind Kinder oder Teilansichten dieses Layouts, oder? –

Antwort

3

Es hängt alles von Ihrer Layoutstruktur ab und was Sie erreichen möchten. Es gibt 2 Möglichkeiten, dies zu erreichen (ich kann mir nicht mehr vorstellen).

Ich verwende keine Container in meiner _Layout.cshtml Vorlage. Normalerweise habe ich meine Container in meinen Ansichten. Meine _Layout.cshtml Vorlage hat nur das Nötigste.

Dies ist, was normalerweise meine _Layout.cshtml Vorlage wie folgt aussieht:

<body> 
    @RenderBody() 
    @Html.Partial("_Footer") 
    @Scripts.Render("~/bundles/js") 
    @RenderSection("scripts", false) 
</body> 

Und dann in meinen Ansichten würde ich folgendes hat:

<div class="container"> 
    <p>Test paragraph</p> 
</div> 

Sie auch den Behälter in Ihrer _Layout.cshtml Vorlage haben, aber In Ihren Ansichten müssen Sie sich daran erinnern, dass Sie bereits einen Container haben, mit dem Sie arbeiten. So Ihre _Layout.cshtml es könnte wie folgt aussehen:

<body> 
    <div class="container"> 
     @RenderBody() 
    </div> 
    @Html.Partial("_Footer") 
    @Scripts.Render("~/bundles/js") 
    @RenderSection("scripts", false) 
</body> 

Und dann Ihrer Ansicht nach könnte wie folgt aussehen:

<p>Test paragraph</p> 

Der beste Weg, um zu sehen, was in Ihrem Szenario arbeiten ist zu spielen, um mit den verschiedenen Positionierungen der Container und der anderen HTML-Komponenten. Es wird eine Weile dauern, aber es gibt Ihnen einen Hinweis darauf, was möglich ist und was nicht.

Verwandte Themen