Comment afficher toujours les boutons en bas à gauche (ASP.NET Core avec Bootstrap)

Question

J'ai une application ASP.NET Core Web, avec deux boutons permettant la navigation dans les résultats de recherche. J'essaie de comprendre comment toujours montrer les boutons en bas à gauche. Comment puis-je le faire facilement?

Voici une image. https://i.stack.imgur.com/uyWwE.png

Voici le code.

var prevDisabled = !Model.HasPreviousPage ? "disabled" : ""; 
var nextDisabled = !Model.HasNextPage ? "disabled" : ""; 

<a asp-action="Index" 
asp-route-sortOrder="@ViewData["CurrentSort"]" 
asp-route-page="@(Model.PageIndex - 1)" asp-route-currentFilterSearchBy="@ViewData["CurrentFilterSearchBy"]" currentFilterLocation="@ViewData["CurrentFilterLocation"]" 
asp-route-currentFilterItem="@ViewData["CurrentFilterItem"]" 
class="btn btn-default @prevDisabled" style="bottom:0;"> 
Previous 
</a> 
<a asp-action="Index" 
asp-route-sortOrder="@ViewData["CurrentSort"]" 
asp-route-page="@(Model.PageIndex + 1)" 
asp-route-currentFilterSearchBy="@ViewData["CurrentFilterSearchBy"]" 
asp-route-currentFilterLocation="@ViewData["CurrentFilterLocation"]" 
asp-route-currentFilterItem="@ViewData["CurrentFilterItem"]" 
class="btn btn-default @nextDisabled" style="bottom:0;"> 
Next 
</a> 

Answer 1

Avez-vous créé le système de grille de bootstrap? Vous devez faire le prochain échantillon:

<div class="container"> 
    <div class="row"> 
     <div class="col-1"> 
      <div>CARD</div> 
      <div> 
       <a asp-action="Index" 
        asp-route-sortOrder="@ViewData["CurrentSort"]" 
        asp-route-page="@(Model.PageIndex - 1)" asp-route-currentFilterSearchBy="@ViewData["CurrentFilterSearchBy"]" currentFilterLocation="@ViewData["CurrentFilterLocation"]" 
        asp-route-currentFilterItem="@ViewData["CurrentFilterItem"]" 
        class="btn btn-default @prevDisabled" style="bottom:0;"> 
        Previous 
       </a> 
       <a asp-action="Index" 
        asp-route-sortOrder="@ViewData["CurrentSort"]" 
        asp-route-page="@(Model.PageIndex + 1)" 
        asp-route-currentFilterSearchBy="@ViewData["CurrentFilterSearchBy"]" 
        asp-route-currentFilterLocation="@ViewData["CurrentFilterLocation"]" 
        asp-route-currentFilterItem="@ViewData["CurrentFilterItem"]" 
        class="btn btn-default @nextDisabled" style="bottom:0;"> 
        Next 
       </a> 
      </div> 
     </div> 
     <div class="col-5"> 
      CONTENT 
     </div> 
    </div> 
</div>