隐藏属性在引导

代码块原本没有工作...隐藏属性在引导

<div class="content row"> 
    <img width="33%" class="img-thumbnail img-rounded" src="foo"> 
    <img width="33%" class=" img-thumbnail img-rounded" src="bar" > 
    <img width="33%" class=" img-thumbnail img-rounded" src="baz" > 
</div>

用户的请求后，有些页面的DOM事件更改HTML代码块...

<div class="content row"> 
    <img width="33%" class="img-thumbnail img-rounded center-block" src="foo"> 
    <img width="33%" class=" img-thumbnail img-rounded" src="bar" hidden=""> 
    <img width="33%" class=" img-thumbnail img-rounded" src="baz" hidden=""> 
</div>

当页面呈现隐藏的图像仍然显示？如果img-类被删除，标记为隐藏的图像不会如预期那样显示。但是，我需要img-引导类。

如何隐藏应该隐藏的图像？

PS-我使用的引导3.1.0

来源

2015-02-10 anu

只使用一个隐藏的类。它是在bootstrap – 2015-02-10 05:44:53

OFFTOPIC ::管理员应该让人们在10分钟之前接受答案！等待选择答案真的很烦人！ – anu 2015-02-10 05:53:45

这将是

<div class="content row"> 
    <img width="33%" class="img-thumbnail img-rounded center-block" src="foo"> 
    <img width="33%" class=" img-thumbnail img-rounded hidden" src="bar"> 
    <img width="33%" class=" img-thumbnail img-rounded hidden" src="baz"> 
</div>

您也可以参考Helper Class of Bootstrap了解更多类似的类

来源

2015-02-10 05:46:08 NMindz

gotcha！谢谢！ – anu 2015-02-10 05:51:25

不要忘记选择它作为答案，如果它有帮助，就在投票标志下面，你会发现一个勾号，如[Image]（http://pasteboard.co/ZNmuQBX.png），它会变成绿色一次你点击它。 – NMindz 2015-02-10 05:55:41

肯定会做。所以我不会让我选择一个答案，直到10分钟！这真的很烦人！这就像是迫使我浪费了10分钟左右的时间来等待正确的答案。 – anu 2015-02-10 05:56:16

引导documentation告诉你使用下列。

使用.show和.hidden类强制显示或隐藏元素（包括屏幕阅读器）。这些类使用！很重要，以避免特殊性冲突，就像快速浮动一样。它们只能用于块级切换。它们也可以用作mixin。

。隐藏是可用的，但它并不总是影响屏幕阅读器，并且从v3.0.1开始已弃用。改为使用.hidden或.sr-only。

此外，.invisible可用于仅切换元素的可见性，这意味着其显示不会被修改，并且该元素仍然会影响文档的流向。

来源

2015-02-10 05:47:22

http://getbootstrap.com/css/#helper-classes-show-hide

显示和隐藏内容

力的元件，以显示或隐藏（包括屏幕阅读器）与使用.show和.hidden类。这些类使用！就像快速浮动一样避免特殊性冲突。它们仅适用于块级别切换。它们也可以是用作mixin的。

。隐藏是可用的，但它并不总是影响屏幕阅读器，从v3.0.1开始已弃用。改为使用.hidden或.sr-only。

此外，.invisible可用于仅切换元素的可见性，这意味着它的显示未被修改，元素可能仍会影响文档的流向。

“hidden”是一个类名。你可以将它作为一个班级应用。

来源

2015-02-10 05:49:07

既然你正在使用引导程序，你可以像这样使用隐藏类。

<div class="content row"> 
    <img width="33%" class="img-thumbnail img-rounded center-block" src="foo"> 
    <img width="33%" class=" img-thumbnail img-rounded hide" src="bar"> 
    <img width="33%" class=" img-thumbnail img-rounded hide" src="baz"> 
</div>

您也可以使用隐藏类似隐SM不同的设备，隐藏LG等

来源

2015-02-10 05:49:28

引导3中没有隐藏类，请参阅我的答案 – NMindz 2015-02-10 05:51:48

隐藏属性在引导

回答

相关问题