আমার এই কোডটি রয়েছে:
<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>
ভিতরে কিছু পাঠ্য সহ চারটি ব্লক। এগুলি প্রস্থে সমান, আমি col-sm-3
তাদের সকলের জন্য সেট করেছি এবং আমি যা করতে চাই তা হ'ল nav
অতিরিক্ত ছোট ডিভাইসে সর্বশেষটি লুকিয়ে রাখা । আমি ব্যবহার করার চেষ্টা করেছি hidden-xs
যে nav
, এটাকে লুকিয়ে রাখে, কিন্তু একই সময়ে আমি অন্য অবরোধের (থেকে পরিবর্তন বর্গ প্রসারিত করতে চান col-sm-3
করতে col-sm-4
) col-sm-4 X 3 = 12
।
কোন সমাধান?
hidden-sm-down