如何将CSS添加到模块中？

Question

我对Drupal很陌生。我有一个html表单，我希望创建一个模块，该模块接受表单的html，并在数据库中创建一个表，并将表单值保存在数据库中。

我所做的我已经用表单api (用buildForm方法)创建了一个表单，我的表单正在呈现，我已经将它转换成Twig模板(它显示在小枝模板中)，但是首先我的CSS没有被加载。

我的库文件：mymodulename.libraries.yml

bootstrap:
  version: 1.x
  css:
    css/bootstrap.min.css: {}
  js:
    js/bootstrap.min.js: {}
  dependencies:
    - core/jquery
    - core/drupal.ajax
    - core/drupal
    - core/drupalSettings
    - core/jquery.once

global-components:
  Version: 1.x
  css:
    css/baselayout.css: {}
    css/form.css: {}
    css/wisdom.css: {}

  js:  
    js/jquery.smartmenus.min.js: {}
    js/custom.js: {}
  dependencies:
    - core/jquery
    - core/drupal.ajax
    - core/drupal
    - core/drupalSettings
    - core/jquery.once

Answer 1

CSS生活在库文件中的一个更低的层次；在system、module或theme下。例如：

bootstrap:
  version: 1.x
  css:
    theme:
      css/bootstrap.min.css: {}
  js:
    js/bootstrap.min.js: {}
  dependencies:
    - core/jquery
    - core/drupal.ajax
    - core/drupal
    - core/drupalSettings
    - core/jquery.once