Display sm none

Bootstrap display none

<!-- Bootstrap 4 -->
<div class="d-none"></div>

<!-- Bootstrap 3 -->
<!-- <div class="hidden-{screen size}"></div> -->
<div class="hidden-md"></div>

Bootstrap hide row

<div class="d-none"></div> for bootstrap 4

Display sm none

Hidden on all	.d-none
Hidden only on xs	.d-none .d-sm-block
Hidden only on sm	.d-sm-none .d-md-block
Hidden only on md	.d-md-none .d-lg-block
Hidden only on lg	.d-lg-none .d-xl-block
Hidden only on xl	.d-xl-none
Visible on all	.d-block
Visible only on xs	.d-block .d-sm-none
Visible only on sm	.d-none .d-sm-block .d-md-none
Visible only on md	.d-none .d-md-block .d-lg-none
Visible only on lg	.d-none .d-lg-block .d-xl-none
Visible only on xl	.d-none .d-xl-block

Source: getbootstrap.com

Similar codes

0 vote210 views1 answer
Code preview html css tag
CSS
14 votes267 views6 answers
Bootstrap image size
CSS Bootstrap
33 votes205 views6 answers
Linear gradient css
CSS
27 votes231 views4 answers
Css keyframes
CSS
1 vote199 views1 answer
Why tr border not showing
CSS
0 vote242 views1 answer
Css grow animation
CSS
0 vote204 views1 answer
Svg style css
CSS
31 votes251 views6 answers
Overflow
CSS
3 votes211 views2 answers
How to give shadow to navbar
CSS
0 vote192 views1 answer
Sticky header not working chrome
CSS