Twitter bootstrap 如何为响应迅速的网站管理无引导文件?

Twitter bootstrap 如何为响应迅速的网站管理无引导文件?,twitter-bootstrap,responsive-design,less,Twitter Bootstrap,Responsive Design,Less,这是一个一般性问题。我正在建立一个网站的引导,必须是响应。我想知道在LESS/css上工作的“标准”程序是什么 首先,您是否为标准站点(用于桌面显示)创建css规则? 其次,在适当的LESS文件中添加智能手机或平板电脑的特定规则(responsive-767px-max.LESS等) 问题是,对于桌面和智能手机显示,有许多规则必须是通用的!然后我应该在每个responsive xxx.less文件中复制这些规则。我觉得这不太舒服。也许公共规则必须在@import规则下面的引导程序中编写。less

这是一个一般性问题。我正在建立一个网站的引导,必须是响应。我想知道在LESS/css上工作的“标准”程序是什么

首先,您是否为标准站点(用于桌面显示)创建css规则? 其次,在适当的LESS文件中添加智能手机或平板电脑的特定规则(
responsive-767px-max.LESS
等)

问题是,对于桌面和智能手机显示,有许多规则必须是通用的!然后我应该在每个
responsive xxx.less
文件中复制这些规则。我觉得这不太舒服。也许公共规则必须在@import规则下面的
引导程序中编写。less


简而言之,我很想知道你是如何管理这些事情的。

理论上,响应式比你描述的更自下而上

  • 首先,您要确保您的站点/应用程序在最基本的浏览器中工作,并且对CSS和JS的支持最少
  • 然后,您可以从那里开始构建,添加具有更大浏览器功能和窗口大小的“糖衣”
  • 它不仅涉及到使用断点,而且还涉及到在调整窗口大小时,使一些东西在大小、宽度和高度上具有可伸缩性

    实际上,只需使用引导,您就可以获得上述功能。您不必做太多的事情,只需在媒体查询中做出一些决定,以显示或隐藏某些组件,如您所描述的

    • 包括响应样式表
    • 使用容器和行的流体版本,如:
    以下是相关的引导文档: