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

0 vote280 views1 answer
Card view image in html
Html
1 vote295 views1 answer
How to enable a button when a checkbox is selected in javascript
Html
0 vote278 views1 answer
Remove html from string in sql
Html
0 vote303 views1 answer
Th tag in html
Html
0 vote259 views1 answer
What is the defrence between head and title in html
Html
21 votes288 views2 answers
Html list inline
Html
23 votes223 views3 answers
Set width img html
Html
-1 vote312 views4 answers
Bootsrap 4 6 cdn
Html
1 vote294 views2 answers
Change button text css
Html
0 vote344 views1 answer
Delete icon in html
Html