Hey folks,

I try to place the version number and the hr above it to the bottom of my sidebar. But I can’t do it… Can someone help me pls? I use ASP.Net Core and Bootstrap.

r/web_design - I need help to place row to the bottom
<!-- ========== Header ========== -->
    <header>
        <div class="row m-3">
            <div class="col-auto">
                <h1><span style="color: #1464f6">My</span>Notebook</h1>
            </div>
            <div class="col">

            </div>
            <div class="col-auto my-auto">
                <span class="h3 mr-2">Harry Potter</span><i class="fas fa-user fa-2x"></i>
            </div>
        </div>
        <hr style="height:5px; background-color:#f3f5f8" class="m-0" />
    </header>

    <div class="container-fluid h-100 d-flex">
        <div class="row flex-grow-1">

            <!-- ========== Sidebar ========== -->
            <div class="col-2" style="background-color:#141413">
                <div class="row">
                    <div class="col">Navigation</div>
                </div>
                <div class="row">
                    <div class="col">test</div>
                </div>
                <div class="row">
                    <div class="col align-self-end text-center">
                        <hr style="background-color:#f3f5f8" class="m-0" />
                        @GetType().Assembly.GetName().Version.ToString()
                    </div>
                </div>
            </div>

            <!-- ========== Content ========== -->
            <div class="col-10">
                <h1>@ViewData["Title"]</h1>
                @RenderBody()
            </div>
        </div>
    </div>



Source link

Write A Comment