Bootstrap 4 beta 3 缺少一些长度单位还是我做错了什么？

Question

我通过将 package.json 更改为使用 "bootstrap": "^4.0.0-beta", 在 Laravel 5.4 应用程序中安装了 bootstrap 4 beta 3, 代替 bootstrap 的加载 v3 条目。我还修改了 app.scss 文件和其他位置，以确保在 css 和 js.

中引用 bootstrap v4 文件

我的 header 中有一个元素应用了 navbar-brand class 的问题，因为它的大小合适。检查该元素后，我发现 "font-size: 2;" 在那里并被删除为无效。单击 link 到 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

在Bootstrap4 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.css文件中观察到的值Bootstrap cdn.

所以，我猜这个值在您的代码中的某处被覆盖了。

Bootstrap 4 beta 3 缺少一些长度单位还是我做错了什么？

Is Bootstrap 4 beta 3 missing some length units or did I do something wrong?

twitter-bootstrap-4-beta