自定义引导程序不显示平板电脑的响应行为

时间:2012-09-22 08:40:14

标签: twitter-bootstrap drupal-7 responsive-design drupal-themes

我使用自定义的Twitter引导程序框架来为Drupal网站提供帮助。它给了我两个文件

bootstrap.css 

bootstrap.min.css. 

当我上传简单​​主题(Not Drupal)时,它显示了平板电脑的响应行为。我将相同的主题转换为Drupal,当我在计算机中调整浏览器大小时,drupal站点显示响应行为。但是,当我在平板电脑上访问该网站时,它是一个普通的网站,而不是一个响应的网站。

这是theme.info。

中的css文件的层次结构
stylesheets[all][] = css/bootstrap.css

stylesheets[all][] = css/bootstrap.min.css

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

我哪里错了?提前谢谢。

2 个答案:

答案 0 :(得分:0)

您没有包含响应式样式表,您只需要包含用于开发的主引导样式表(bootstrap.css)和缩小版本(bootstrap.min.css,用于生产的用户)。只需删除bootstrap.css样式表,然后在bootstrap-responsive.css

之后添加自适应表

答案 1 :(得分:0)

首先,您不必包含这两个文件。

第二,你必须使用一些类来使行为响应。据我所知,没有bootstrap响应文件(专用文件),因为bootstrap本身支持响应。

e.g。如果你想让表格具有代表性,请使用class =“table-responsive”和其他类。如果你想让按钮响应使用class =“col-lg- * col-md- * col-sm- * col-xs- *” 其中*代表从1到12的数字范围。这称为网格系统。