Bu koda sahibim:
<footer class="row">
<nav class="col-sm-3">
<ul class="list-unstyled">
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ul>
</nav>
<nav class="col-sm-3">
<ul class="list-unstyled">
<li>Text 4</li>
<li>Text 5</li>
<li>Text 6</li>
</ul>
</nav>
<nav class="col-sm-3">
<ul class="list-unstyled">
<li>Text 7</li>
<li>Text 8</li>
<li>Text 9</li>
</ul>
</nav>
<nav class="col-sm-3">
<ul class="list-unstyled">
<li>Text 10</li>
<li>Text 11</li>
<li>Text 12</li>
</ul>
</nav>
</footer>
İçinde bazı metinler bulunan dört blok. Genişlikleri eşit, col-sm-3
hepsine ayarladım ve yapmak istediğim sonuncuyu nav
ekstra küçük cihazlarda gizlemek . Ben kullanımına denedim hidden-xs
bu konuda nav
ve bunu gizler, ancak aynı sürede diğer blokları (gelen değişim sınıfını genişletmek istediğiniz col-sm-3
kadar col-sm-4
) col-sm-4 X 3 = 12
.
Herhangi bir çözüm?
hidden-sm-down