bootstrap display inline block
<div class="d-inline-block"></div>
bootstrap display inline block
<div class="d-inline-block"></div>
bootstrap display none
<!-- Bootstrap 4 -->
<div class="d-none"></div>
<!-- Bootstrap 3 -->
<!-- <div class="hidden-{screen size}"></div> -->
<div class="hidden-md"></div>
bootstrap display none on desktop
New visible classes added to Bootstrap
Extra small devices Phones (<768px) (Class names : .visible-xs-block, hidden-xs)
Small devices Tablets (≥768px) (Class names : .visible-sm-block, hidden-sm)
Medium devices Desktops (≥992px) (Class names : .visible-md-block, hidden-md)
Large devices Desktops (≥1200px) (Class names : .visible-lg-block, hidden-lg)
New visible classes added to Bootstrap
Extra small devices Phones (<768px) (Class names : .visible-xs-block, hidden-xs)
Small devices Tablets (≥768px) (Class names : .visible-sm-block, hidden-sm)
Medium devices Desktops (≥992px) (Class names : .visible-md-block, hidden-md)
Large devices Desktops (≥1200px) (Class names : .visible-lg-block, hidden-lg)
For more information : http://getbootstrap.com/css/#responsive-utilities
Below is deprecated as of v3.2.0
Extra small devices Phones (<768px) (Class names : .visible-xs, hidden-xs)
Small devices Tablets (≥768px) (Class names : .visible-sm, hidden-sm)
Medium devices Desktops (≥992px) (Class names : .visible-md, hidden-md)
Large devices Desktops (≥1200px) (Class names : .visible-lg, hidden-lg)
Much older Bootstrap
.hidden-phone, .hidden-tablet etc. are unsupported/obsolete.
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us