Question

这是一个简单的问题。但我想知道的是：有没有办法删除div而不删除其内容USING bootstrap？我还可以将问题重构为：有没有办法用Bootstrap动态删除div CLASS？

我的代码很简单：

<div class="container">
   <div class="row">
      <div class="col-md-2"></div>
      <div class="col-md-8">
         GOOGLE MAP
      </div>
      <div class="col-md-2"></div>
   </div>
</div>

我知道已经有一种方法可以让它可见或隐藏它（隐藏电话..），但我想要做的是实际删除容器，行和cols并让谷歌地图填写整个宽度。

我现在拥有的是：

<div class="container hidden-phone">
   <div class="row">
      <div class="col-md-2"></div>
      <div class="col-md-8">
         <div class="googleMap"> ... </div>
      </div>
      <div class="col-md-2"></div>
   </div>
</div>

然后，在那之后，我再次添加谷歌地图的div。但现在不是隐藏电话，而是：

<div class="googleMap visible-phone"> ... </div>

这样，当您切换到手机时，地图与屏幕的容器和分色均为无。

这是最简单的方法，但它似乎有点不实用，因为也许我没有看到，但它就在那里，所以我将地图下载到客户端两次，我相信这并不聪明。 / p>

我总是可以使用JavaScript（jQuery）来监听调整大小的事件并将其删除。我根本不是问题，但也许bootstrap已经具有内置功能，类似于数据属性之类的“data-hidden-phone-class ='someClass'”，或者也许是一个在调整大小时隐藏某些类的类：“hidden-classes-phone”这样当屏幕调整为手机时，boostrap会隐藏所有类那个元素？或者其他什么。

我知道属性和类的名称不具吸引力，但是出于问题的目的。

我希望我能够说清楚，如果你不明白，请告诉我，谢谢！

如何使用twitter-bootstrap删除或隐藏div（或div类）而不是其内容

0 个答案: