有沒有辦法始終並排放置 Blazorise 列？

Question

我注意到 Blazorise 列間距內存在一些不一致。 在這里，我隔離了我所看到的最基本的版本。 我從 Blazorise 官方網站上截取了兩段代碼，並將它們粘貼到同一個文件中，一個挨着一個，它們會導致不同的行為。

當專門定義列的大小小於允許的分配的 12 個空間單位時，我一直很難讓列並排放置。 以下是代碼。 頂部 <Row> 是列的示例，列的大小小於 12 個單位的最大大小但仍不會對齊。 第二行是未對齊的整行示例。 第三個是莫名其妙地對齊的完整行的示例。

以下是瀏覽器結果，與調整大小無關。 有沒有人見過這樣的事情，或者知道我該如何解決？ 我在 Blazorise 組件中有很多項目根本不符合這個錯誤/我的疏忽。

我試過將東西放入和取出 div/卡片/其他行，但還沒有想出它們會采取任何不同行為的原因。 在當前代碼上方粘貼更多相同代碼的副本會導致項目不在同一行的行為，而在下方粘貼更多行會導致兩列保持在一行的行為。

Answer 1

我剛剛在一個新項目中使用最新版本的 blazorise (1.1.4.1) 進行了嘗試，一切都按預期運行。

如果您在 wwwroot/index.html 中使用其他 css 文件，請確保出於測試目的將這些文件注釋掉。 如果它們引起任何沖突，請注釋掉它們應該可以解決您的問題。

這就是我的 index.html 的樣子

頭部內部

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
<link href="_content/Blazorise/blazorise.css" rel="stylesheet" />
<link href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />

主體部分內部

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script>
<script src="_framework/blazor.webassembly.js"></script>

Answer 2

在我第四次和第七次重建之間的某個時候，問題自行解決，我無法重新創建它。