Bootstrap 4 pagination page size dropdown not compatible?

Hi, I recently upgraded my app to use bootstrap 4 and noticed the drop down for the page size does not work. I looked into the issue and noticed they have changed how the dropdown works in bootstrap 4 compared to 3.

So the main differences I can see is that in bootstrap 4 :

• The list items are just tags and not
• items
• When opened the containing div is given the class open in bootstrap 3 and show in bootstrap 4

Is there any chance of a fix for bootstrap 4?

Thanks again.

Simon

Oh here is an example of a dropdown in bootstrap 4

  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>


and here is how the dropdown works in bootstrap 3

<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

[AllenFang]

Released on v4.0.0-beta.6, The production release will be in this or next week, thanks your contribution.

[JLoboRod]

@AllenFang This should work for both bootstrap 3 and 4.