Css 如何使用twitter引导删除或隐藏div(或div类),但不删除其内容
这是一个简单的问题。但我想知道的是:有没有一种方法可以删除一个div而不使用bootstrap删除它的内容?我还可以将问题重构为:有没有一种方法可以通过引导动态删除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 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}
类似的内容。