Redimensionnement mobile pour les rails Pagination kaminari avec thème bootstrap

Question

J'utilise kaminari pour paginer les pages d'index de certains de mes modèles, et ça marche plutôt bien. Je l'utilise avec le thème bootstrap4, et même s'il a l'air génial, il ne se redimensionne pas bien sur les appareils mobiles. Plus précisément, je veux dire que ces liens ne se redimensionnent pas du tout (ou s'ils le font, c'est minimal), et ils s'étendent bien au-delà de l'écran vers la droite, ce qui est gênant. J'ai essayé de placer ces liens dans un conteneur d'amorçage, mais cela ne les a pas forcés à redimensionner correctement.

Comment redimensionner la pagination kaminari pour les appareils mobiles?

Voici le code de vue pertinent:

<div class="container"> 
    <h1>All Leagues</h1> 
    <hr /> 
    <% @leagues.each do |league| %> 
     <p><%= link_to league.name, league %></p> 
    <% end %> 
    <hr /> 
    <div class="container"> 
     <%= paginate @leagues %> 
     <%= page_entries_info @leagues %> 
    </div> 
</div> 

Merci!

Answer 1

Essayez avec l'ajout de cette section dans votre:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 

si cela ne fonctionne pas, essayez ceci:

<div class="container"> 
    <div class="row"> 
     <div class="col-xs-12"> 

      <h1>All Leagues</h1> 
      <hr /> 
      <% @leagues.each do |league| %> 
       <p><%= link_to league.name, league %></p> 
      <% end %> 
      <hr /> 
       <%= paginate @leagues %> 
       <%= page_entries_info @leagues %> 
     </div> 
    </div> 
</div>