Question

我试图让我的网站响应，所以我想在xs和sm设备上隐藏特定的col-md-6元素。我尝试使用＆＃39; visible-md-inline-block＆＃39;为了做到这一点，但bootstrap自动应用＆＃39; display：none＆＃39;即使我在大屏幕设备上也能使用该元素。我做错了吗？有人可以解释一下吗？

你可以在这里看到一个现场演示：http://acvix.com/development/temp（在手机图像附近，左边应该有另一个段落，类似于右边的可见段落）

Answer 1

只需使用hidden-xs和hidden-sm类隐藏lefterino和xs屏幕尺寸上的sm元素。

<div class="container">
  <div class="col-md-3 lefterino hidden-xs hidden-sm">
    <p><span>Daily Posts</span>Lorem ipsum dolor sit
    ...

Bootstrap visible-md-inline-block没有应用正确的css样式

1 个答案: