Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/file/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何使用twitter引导删除或隐藏div(或div类),但不删除其内容_Css_Twitter Bootstrap - Fatal编程技术网

Css 如何使用twitter引导删除或隐藏div(或div类),但不删除其内容

Css 如何使用twitter引导删除或隐藏div(或div类),但不删除其内容,css,twitter-bootstrap,Css,Twitter Bootstrap,这是一个简单的问题。但我想知道的是:有没有一种方法可以删除一个div而不使用bootstrap删除它的内容?我还可以将问题重构为:有没有一种方法可以通过引导动态删除div类 我的代码很简单: <div class="container"> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8"> GOOGLE

这是一个简单的问题。但我想知道的是:有没有一种方法可以删除一个div而不使用bootstrap删除它的内容?我还可以将问题重构为:有没有一种方法可以通过引导动态删除div类

我的代码很简单:

<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>

谷歌地图
我知道已经有一种方法可以使它可见或隐藏(隐藏电话…),但我想做的是实际删除容器、行和列,留下谷歌地图来填充整个宽度

我现在得到的是:

<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>
。。。
这样,当您切换到手机时,地图与屏幕的容器和分隔都是空的

这是最简单的方法,但似乎有点不切实际,因为可能我没有看到,但它在那里,所以我将地图下载到客户端两次,我认为这并不聪明

我总是可以使用JavaScript(jQuery)来监听调整大小的事件,然后自己将其删除。。这根本不是问题,但可能bootstrap已经有了内置功能,类似于“data hidden phone class='someClass'”之类的数据属性,或者可能是一个在调整大小时隐藏某些类的类,例如:“hidden classes phone”,这样当屏幕调整为phone one时,boostrap会隐藏该元素的所有类吗?或者别的什么

我知道属性和类的名称并不吸引人,但正是出于这个问题的目的


我希望我说得够清楚,如果你不明白什么,请告诉我,谢谢

只是想说明一下,大多数支持数据的函数(如果不是全部的话)都使用javascript,bootstrap本身无法修改dom,如果这是您想要的,您需要javascript。诚实的问题:@Mohammad那么为什么他们的脚本有cdn?例如:
使用或不使用CDN是您的选择,CDN可以减轻服务器上的负载,并提供良好的响应时间和下载速度。我真的不明白问题的重点。没关系,我想他们没有这个功能,我只是不想在不知道的情况下编写代码,我意识到了一些事情。我可以使用Less为他们的容器创建一个自定义容器(mixin),我可以像这样进行媒体查询:
@media(最小宽度:600px){.container sm{.container}
类似的内容。