相关疑难解决方法(0)

使用 Bootstrap 隐藏超小型设备的边框

我有这个代码:

 <div class="container my-container">
  <div class="row">
    <div class="col-md-4"><div class="c-sin"><h1><span class="glyphicon glyphicon-heart"></span></h1>"TEXT"</div></div>
    <div class="col-md-4"><div class="c-cen"><h1><span class="glyphicon glyphicon-user"></span></h1>"TEXT"</div></div>
    <div class="col-md-4"><div class="c-des"><h1><span class="glyphicon glyphicon-inbox"></spa n></h1>"TEXT"</div></div>
  </div>
 </div> 
Run Code Online (Sandbox Code Playgroud)

问题是 PC 上的边框是这样可见的: http://i.imgur.com/MuU0sya.png

但在 xsmall 设备上是这样可见的: http://i.imgur.com/JZ8pGlL.png

所以我决定将它们隐藏在 xsmall 设备上,但我不知道该怎么做。
这里也是我用来创建边框的 CSS:

.c-sin {
    border-right: 1px solid #DADADA;
    padding-right: 10%;
}

.c-cen {
    border-right: 1px solid #DADADA;
    padding-right: 10%;
}
Run Code Online (Sandbox Code Playgroud)

border hide twitter-bootstrap

4
推荐指数
2
解决办法
6543
查看次数

标签 统计

border ×1

hide ×1

twitter-bootstrap ×1