#

Wie kann man in Asp Net Core MVC eine Seite auf die maximale Breite ausdehnen?

 

Beim Standard einer Asp.Net View Ausgabe ist der Inhalt der Webseite immer nur in der Mitte.

Asp.Net Core Net5 MVC

 

 

Die Ursache ist die div class=container

 

 

 

Änderung _Layout.cshtml

In der Datei Views/Shared/_Layout.cshtml die CSS Class von container zu container-fluid ändern

Container ist eine bootstrap Klasse.

 

<body >

    <header>

        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3" >

            <div class="container-fluid" >

                @*--< Logo / Suche / Login >--*@

                @*-< Logo >-*@

                <a class="navbar-brand" asp-controller="articles" asp-action="Index">CodeDocu</a>

                @*-</ Logo >-*@

Und

   <div class="container-fluid">

        <main role="main" class="pb-3">

            @RenderBody()

        </main>

    </div>

 

    <footer class="border-top footer text-muted">

        <div class="container">

            &copy; CodeDocu Asp Core

        </div>

    </footer>

 

 

 

HTML Content Seite maximal Breit

Danach sollte die Webseite wie hier auf die maximale Breite des Screens ausgedehnt sein

 

Mobile

.

yesmovies