twitter-bootstrap – 用于rails app的Bootstrap 4 hex颜色

发布时间：2020-12-18 00:24:02 所属栏目：安全来源：网络整理

导读：有谁知道在哪里可以找到十六进制的bootstrap 4颜色列表？我查看了文档,也许我错过了它？我的问题是我试图将我网站上的一些颜色与引导4“bg-primary”,“btn-primary”等颜色相匹配. 解决方法获取Bootstrap中使用的默认值的最简单方法是检查源中的scss变量.

有谁知道在哪里可以找到十六进制的bootstrap 4颜色列表？我查看了文档,也许我错过了它？

我的问题是我试图将我网站上的一些颜色与引导4“bg-primary”,“btn-primary”等颜色相匹配.

解决方法

获取Bootstrap中使用的默认值的最简单方法是检查源中的scss变量.由于该软件包可以从 Github公开获得,因此即使不安装它也可以执行此操作.变量在 bootstrap/scss/_variables.scss
文件中设置.

默认颜色如下：

// Colors
$blue:    #007bff !default; // primary
$indigo:  #6610f2 !default;
$purple:  #6f42c1 !default;
$pink:    #e83e8c !default;
$red:     #dc3545 !default; // danger
$orange:  #fd7e14 !default;
$yellow:  #ffc107 !default; // warning
$green:   #28a745 !default; // success
$teal:    #20c997 !default;
$cyan:    #17a2b8 !default; // info

// Grays
$white:    #fff !default;
$gray-100: #f8f9fa !default; // light
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #868e96 !default; // secondary
$gray-700: #495057 !default;
$gray-800: #343a40 !default; // dark
$gray-900: #212529 !default;
$black:    #000 !default;

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!