如何在頁腳文本之后（在同一行）顯示當前的 Bootstrap 斷點？
這與僅通過 <div> 塊顯示它們不同。使用 d-block 很容易。
我看到的是顯示了所有可見的斷點，因此對于“sm”斷點，我看到了兩個斷點，例如“xs sm”。我只想看到當前的斷點，所以只有'sm'。
這是我用類似方法嘗試過的：
<body>
<app-root class="mb-4"></app-root>
<footer class="footer">Create by Me
<span class="d-inline-block d-sm-none">xs</span>
<span class="d-none d-inline-block d-md-none">sm</span>
<span class="d-none d-inline-block d-lg-none">md</span>
<span class="d-none d-inline-block d-xl-none">lg</span>
<span class="d-none d-inline-block">xl</span>
</footer>
</body>
uj5u.com熱心網友回復：
d-inline-block覆寫d-none. 因此，它不起作用。您需要對除 之外的所有斷點使用d-*-inline-block代替，例如，用于sm斷點。d-inline-blockxsd-sm-inline-block
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1 K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2 l" crossorigin="anonymous">
<body>
<app-root class="mb-4"></app-root>
<footer class="footer">Create by Me
<span class="d-inline-block d-sm-none">xs</span>
<span class="d-none d-sm-inline-block d-md-none">sm</span>
<span class="d-none d-md-inline-block d-lg-none">md</span>
<span class="d-none d-lg-inline-block d-xl-none">lg</span>
<span class="d-none d-xl-inline-block">xl</span>
</footer>
</body>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/320849.html
標籤：推特引导 bootstrap-4