dotnet / dotnet/core

Virtualize breaks bootstrap 5.1 grid

Open
#7,125 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
PowerShell
Stars
22k
Forks
4.9k
Avg merge
5d 5h
Merged PRs (30d)
29

Description

Hello,

Using this code:

```







Add User










@if (usersList.Any())
{









@user.FullNuame








}


```

On Bootstrap 4.3 the columns appear next to each other including the element to add users, something like this:

Add User | Col 1 | Col 2 | Col 3
Col 4 | Col 5 | Col 6 | ...

On bootstrap 5.1 included in net core 6, the first column has a break after it and the rest of the columns appear next to each other, something like this:

Add User
| Col 1 | Col 2 | Col 3 | Col 4
| Col 5 | Col 6 | ...

I found that the culprit is the following div inserted by virtualize before the first element of the list:

`

`

This line appears in both netcore 5 and netcore 6, but since netcore 5 uses bootstrap 4.3 it doesn't breaks. Is there a solution or should I use bootstrap 4.3 instead of 5.1 with netcore 6?

Best regards

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.