Fatal编程技术网

Twitter bootstrap 引导自定义响应类

twitter-bootstrap responsive-design

Twitter bootstrap 引导自定义响应类,twitter-bootstrap,responsive-design,Twitter Bootstrap,Responsive Design,嗨，在我的引导页面中，我想定制响应风格，我真的需要像这样使用媒体标签吗 @media (max-width: 480px) { ... } @media (max-width: 767px) { ... } @media (min-width: 768px) and (max-width: 979px) { ... } @media (min-width: 1200px) { ... } 在我的magento商店中，我使用一个名为“galayomarket”的模板，该模板根据窗口宽度向body

嗨，在我的引导页面中，我想定制响应风格，我真的需要像这样使用媒体标签吗

@media (max-width: 480px) { ... }
@media (max-width: 767px) { ... }
@media (min-width: 768px) and (max-width: 979px) { ... }
@media (min-width: 1200px) { ... }
在我的magento商店中，我使用一个名为“galayomarket”的模板，该模板根据窗口宽度向body标记添加一个类

<body class="adapt-3"> LARGE DESKTOP
<body class="adapt-2"> DESKTOP
<body class="adapt-1"> TABLET
<body class="adapt-0"> MOBILE
而不是像这样使用@媒体

@media (max-width: 480px) { 
    table { backgorund-color: white; }
}
我错过的bootstrap中有类似的东西吗？我只能根据屏幕大小找到隐藏/显示元素的类。

我认为这两个概念是相同的。在bootstrap中，您需要对不同的视图端口使用媒体查询。是的，但我必须始终记住或查找px编号，对于类，我有一个记住的快捷方式，您可以创建自定义类。与移动视图一样，您需要在表格中使用红色背景，例如：
mobiletablebg red
。但媒体查询是简单的兄弟，你可以很容易地记住后2，3次工作。 
@media (max-width: 480px) { 
    table { backgorund-color: white; }
}