隱藏屬性在引導

代碼塊原本沒有工作...隱藏屬性在引導

<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

隱藏屬性在引導

回答

相關問題