Bootstrap 4 beta 3是否缺少某些長度單位或我做錯了什么？

Question

我通過將package.json更改為使用“ bootstrap”：“ ^ 4.0.0-beta”來代替用於加載Bootstrap v3的條目，從而在Laravel 5.4應用程序中安裝了bootstrap 4 beta 3。 我還修改了app.scss文件和其他位置，以確保相對於css和js都引用bootstrap v4文件。

我的標頭中存在一個元素，該元素具有適用於其大小的navbar-brand類的元素。 檢查該元素后，我發現“ font-size：2;” 在那里，被剔除為無效。 單擊指向css文件的鏈接，我看到這部分css顯然缺少不在font-size值上的長度。

 .navbar-brand { display: inline-block; padding-top: 0.18rem; padding-bottom: 0.18rem; margin-right: 1rem; font-size: 2; line-height: inherit; white-space: nowrap; } 

那么，有沒有我錯過的事情，還是這只是下注3尚未准備就緒的情況？

Answer 1

在Bootstrap 4 beta 3中， .navbar-brand的默認樣式如下：

.navbar-brand {
    display: inline-block;
    padding-top: $navbar-brand-padding-y;
    padding-bottom: $navbar-brand-padding-y;
    margin-right: $navbar-padding-x;
    font-size: $navbar-brand-font-size;
    line-height: inherit;
    white-space: nowrap;

    /* @include hover-focus */
}

$navbar-brand-font-size值在_variables.scss文件中定義為：

$navbar-brand-font-size:      $font-size-lg !default;

上面的$font-size-lg與以下文件定義在同一文件中：

$font-size-lg:                ($font-size-base * 1.25) !default;

最后，將$font-size-base的默認值設置為1rem ：

$font-size-base:              1rem !default;

所有這些都編譯為font-size: 1.25rem; 默認情況下 ，這是可從官​​方Bootstrap CDN獲得的bootstrap.css文件中觀察到的值。

因此，我想這個值會在您的代碼中的某個地方被覆蓋。