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

13 votes156 views3 answers
Rotate image html
Html
133 votes152 views5 answers
How to bold text css inline
Html
0 vote141 views1 answer
How to default select a span tags functions
Html
1 vote147 views1 answer
#ubuntu "demarrer vcs en super user"
Html
11 votes133 views5 answers
Aos
Html
4 votes159 views3 answers
Selected select html jquery
Html
1 vote181 views1 answer
Vue get element by id
Html
121 votes153 views6 answers
How to use document.getelementbyid
Html
12 votes139 views3 answers
Basic video player html
Html
15 votes251 views6 answers
Angular ngfor index
Html