Inline bootstrap

Bootstrap display inline block

<div class="d-inline-block"></div>

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

Inline bootstrap

<ul class="list-inline">
  <li class="list-inline-item">This is a list item.</li>
  <li class="list-inline-item">And another one.</li>
  <li class="list-inline-item">But they're displayed inline.</li>
</ul>

Source: getbootstrap.com

Is display-block a class

<span class="d-block p-2 bg-primary text-white">d-block</span>
<span class="d-block p-2 bg-dark text-white">d-block</span>

-1

Source: getbootstrap.com

Similar codes

12 votes300 views2 answers
<a href="tel:+91-999900670">9999000670</a>
Html
13 votes312 views2 answers
The border-radius Property
Html
0 vote304 views1 answer
Multiple forms in the same line html
Html
2 votes313 views2 answers
Hover message html
Html
0 vote309 views1 answer
Edit text on click html5
Html
153 votes304 views6 answers
Open new tab html
Html
7 votes314 views1 answer
How to call an id in css
Html
75 votes339 views6 answers
Copyright symbol html
Html
19 votes295 views4 answers
How to put text in the middle of a page html
Html
101 votes310 views6 answers
Adding images to html
Html