【问题标题】:Is it possible to add conditional properties to CSS using foundation 4 or bootstrap?是否可以使用基础 4 或引导程序向 CSS 添加条件属性?
【发布时间】:2013-10-29 23:28:58
【问题描述】:

我的意思的一个例子:

我在一个 div 中有一个图像,当视口很大时我想左对齐(它与另一个 div 内的另一个图像并排,每个图像占 6 列)并在什么时候居中它很小(因为它将占据所有列)。我想知道它是否可能以及如何使用基础或引导程序。我们需要使用媒体查询吗?

抱歉,我还不明白这是你在 CSS 中使用的东西,还是你需要使用 LESS。

谢谢,我希望你能帮助我理解它在框架中是如何工作的。

【问题讨论】:

  • 您使用的是引导程序 3 还是 2.3.2?他们的媒体查询有不同的设置。另外,当您说小时,您是指手机或平板电脑小吗?

标签: html css twitter-bootstrap responsive-design zurb-foundation


【解决方案1】:

我会说使用媒体查询是您最好的选择,对于您的具体示例,如下所示

@media (max-width:[SMALL SIZE]) {
   .divClass img{
      margin-left: auto;
      margin-right: auto;
   }
}


@media (max-width:[LARGE SIZE]) {
   .divClass img{
       float: left;
   }
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-06
    • 2014-07-13
    • 2017-03-16
    • 2022-12-20
    • 2019-06-07
    • 2020-08-14
    相关资源
    最近更新 更多