Drupal 8如何将Bootstrap类添加到View Block

时间:2015-12-07 08:17:30

标签: twitter-bootstrap drupal drupal-8

我刚刚开始使用Drupal,我已经下载了最新版本8并下载了仍然处于alpha(并制作了子主题)的bootstrap主题。由于没有8个教程,我试图从7的教程中学习它。但是现在我不知道如何将类添加到视图中。在高级(如果我去编辑视图)它有CSS类,如果我添加col-md-6它将赋予该类阻止但不是视图本身(这是具有生成类的部分)。

所以我的问题是如何将View添加到View中以便我可以拥有。两个视图块为col-md-6col-md-9 + col-md-3

修改

示例:

example of what i need

我想要的是文章和推荐项目阻止视图为col-md-6,因此它们可以在同一行(彼此相邻)。另外从google-ing添加我发现我可能需要覆盖block.vars.php并在那里添加类槽。我可能错了,但会这样试试。

2 个答案:

答案 0 :(得分:1)

我这样做了

在我的主题的根目录中,我覆盖了 block.vars.php 并添加了

switch ($variables['attributes']['id'])
 {
 case 'block-views-block-promoted-project-block-1':
     $variables['attributes']['class'][] = 'col-md-6';

     break;
 case 'block-views-block-test-view-block-1':
     $variables['attributes']['class'][] = 'col-md-6';

     break;
 }

这可能不是最好的解决方案,但它有效。如果有人知道如何做到这一点,请随时评论/回答

答案 1 :(得分:0)

  1. 在视图格式中选择网格格式。
  2. 在自定义列类框中的自定义行类和列类中添加行类。如果是默认类,则取消选中默认列类和默认行类。
  3. see this image