Drupal Bootstrap Subtheme没有样式化页面

时间:2018-02-14 03:14:22

标签: web drupal sass drupal-7 themes

使用Drupal 7和Boostrap 3,我已经完成了创建子主题的步骤,但我仍然没有得到我认为应该是的。当我启用并将subtheme设置为默认值时,这就是我的页面的样子。我在视频中观看了其他人以及他们的步骤,当您启用它们时,他们的页面看起来像引导程序。我和我的团队对这一切非常困惑。我们是Drupal和Boostrap的新手,我们已经深入研究了这个项目。 screenshot of what i am getting现在这是我启用Boostrap作为我的默认主题以及我期望subtheme看起来像什么的屏幕截图。 what i was expecting以下是我的文件的屏幕截图。enter image description here这是我在.info文件中的内容 name ='MyTheme'

description = My theme I am trying to get to work.
core = 7.x
base theme = bootstrap


;;;;;;;;;;;;;;;;;;;;;
;; Regions
;;;;;;;;;;;;;;;;;;;;;

regions[navigation]     = 'Navigation'
regions[header]         = 'Top Bar'
regions[highlighted]    = 'Highlighted'
regions[help]           = 'Help'
regions[content]        = 'Content'
regions[sidebar_first]  = 'Primary'
regions[sidebar_second] = 'Secondary'
regions[footer]         = 'Footer'
regions[page_top]       = 'Page top'
regions[page_bottom]    = 'Page bottom'


;;;;;;;;;;;;;;;;;;;;;
;; Stylesheets
;;;;;;;;;;;;;;;;;;;;;

stylesheets[all][] = css/style.css


;;;;;;;;;;;;;;;;;;;;;
;; Scripts
;;;;;;;;;;;;;;;;;;;;;

scripts[] = 'bootstrap/assets/javascripts/bootstrap/affix.js'
scripts[] = 'bootstrap/assets/javascripts/bootstrap/alert.js'
scripts[] = 'bootstrap/assets/javascripts/bootstrap/button.js'
scripts[] = 'bootstrap/assets/javascripts/bootstrap/carousel.js'
scripts[] = 'bootstrap/assets/javascripts/bootstrap/collapse.js'
scripts[] = 'bootstrap/assets/javascripts/bootstrap/dropdown.js'
scripts[] = 'bootstrap/assets/javascripts/bootstrap/modal.js'
scripts[] = 'bootstrap/assets/javascripts/bootstrap/tooltip.js'
scripts[] = 'bootstrap/assets/javascripts/bootstrap/popover.js'
scripts[] = 'bootstrap/assets/javascripts/bootstrap/scrollspy.js'
scripts[] = 'bootstrap/assets/javascripts/bootstrap/tab.js'
scripts[] = 'bootstrap/assets/javascripts/bootstrap/transition.js'

; Disable the CDN provider so compiled source files can be used.
settings[bootstrap_cdn] = ''

我的问题是,为什么不对页面进行样式化?有什么我想念的吗?当我甚至无法判断它是否正常工作时,我怎么能让sass影响页面呢?我得到了Drupal识别副主题的地方,我可以启用它,但这就是我得到的。

2 个答案:

答案 0 :(得分:0)

我有两点建议:

1 - 尝试启用基本主题。因此,当您将MyTheme设置为默认主题时,请注意应启用引导主题。

2 - 在您的文件的屏幕截图中,我看不到css目录。你是否正在将scss文件编译成css文件?请注意.info文件包含以下行:

stylesheets[all][] = css/style.css

因此,自定义模块的所有样式都必须位于MyTheme目录的css / style.css文件中

答案 1 :(得分:0)

  1. 下载bootstrap主题并将其添加到您的主题中 目录(网站/所有/主题)
  2. 启用子主题。
  3. 尝试清除缓存 (yoursite.com/admin/config/development/performance)
  4. 点击按钮:Clear all caches
  5. 取消选中带宽优化

    下的两个复选框
    • 聚合并压缩CSS文件。
    • 汇总JavaScript文件。