Giter VIP home page Giter VIP logo

Comments (4)

thomaspark avatar thomaspark commented on May 23, 2024

Can you post a link to a live demo and/or share the markup here?

from bootswatch.

christophe-fms avatar christophe-fms commented on May 23, 2024

Sure, here is the code :

<ul class="pagination">
  <li class="paginate_button page-item first disabled" id="mvtstock_first">
    <a aria-controls="mvtstock" aria-disabled="true" role="link" data-dt-idx="first" tabindex="0" class="page-link">Premier</a>
  </li>
  <li class="paginate_button page-item previous disabled" id="mvtstock_previous">
    <a aria-controls="mvtstock" aria-disabled="true" role="link" data-dt-idx="previous" tabindex="0" class="page-link">Précédent</a>
  </li>
  <li class="paginate_button page-item " id="mvtstock_input">
    <div class="input-group">
      <input style="width: 3.5em; margin-left: -1px;" disabled="" class="form-control rounded-0" type="number" min="1" max="1">
      <span class="input-group-text rounded-0" id="basic-addon2"> sur 1</span>
    </div>
  </li>
  <li class="paginate_button page-item next disabled" id="mvtstock_next">
    <a aria-controls="mvtstock" aria-disabled="true" role="link" data-dt-idx="next" tabindex="0" class="page-link">Suivant</a>
  </li>
  <li class="paginate_button page-item last disabled" id="mvtstock_last">
    <a aria-controls="mvtstock" aria-disabled="true" role="link" data-dt-idx="last" tabindex="0" class="page-link">Dernier</a>
  </li>
</ul>

from bootswatch.

thomaspark avatar thomaspark commented on May 23, 2024

This will be fixed by increasing pagination padding to match buttons and inputs:
Screenshot 2024-01-04 at 9 24 03 AM

from bootswatch.

christophe-fms avatar christophe-fms commented on May 23, 2024

Thanks a lot, it's just...perfect ! 🥇

from bootswatch.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.