2013-06-26 110 views
4

我有一個直覺,我做錯了什麼。什麼是「正確」的方式來做到這一點?Bootstrap跨度,側欄和@media

目前,我有一個nav.span3左側導航和section.span9其中的內容。但是,在@media print我想隱藏nav。這將我的內容推向左側,這是我們期望的,並且在右側引入span3大小的間隙,而不是。

我不能將.span9更改爲.span12裏面的CSS @screen print;並且定義我自己的具有相關寬度的類(從Bootstrap的.span9.span12複製而來)感覺很噁心,因爲我覺得我好像侵入了Bootstrap的空間。所以我有點難倒那是最好的選擇。

如何隱藏我的nav並相應調整內容大小?

+0

你試過了'.hidden-print'類? –

+0

@WindShear:不,因爲它只存在於Bootstrap Responsive中,它和我自己做的完全一樣(通過聲明它的'display'來隱藏元素)。它對其他元素的大小沒有任何作用。雖然我明白,期望從圖書館的反應遲鈍的版本響應可能是愚蠢的,我仍然喜歡解決方案。在最壞的情況下,我會在主要職位中定義自己的有條件的風格,我只是想看看人們是否有更好的想法。 – Amadan

回答

0

我不認爲這是否是一個很好的解決方案(在你的情況下),我將覆蓋的.span9寬度100%style.css文件

+0

對不起,這比根據'.span9'和'.span12'定義我自己的類更加困難。 – Amadan