Bootstrap class: **.d-*-inline**

<div class="d-inline bg-primary">d-inline</div>
<div class="d-sm-inline bg-primary">d-sm-inline</div>
<div class="d-md-inline bg-primary">d-md-inline</div>
<div class="d-lg-inline bg-primary">d-lg-inline</div>
<div class="d-xl-inline bg-primary">d-xl-inline</div>

Preview

d-inline

d-sm-inline

d-md-inline

d-lg-inline

d-xl-inline

Use Shuffle AI to build your own Bootstrap templates

Quickly design stunning Bootstrap templates with the power of Shuffle AI — no coding required.

Tips 💡

You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.

Bootstrap class: **.d-*-inline**

Preview

Use Shuffle AI to build your own Bootstrap templates

Tips 💡

More in Bootstrap Display

Bootstrap 4 & 5

Bootstrap class: .d-*-inline

Preview

Use Shuffle AI to build your own Bootstrap templates

Tips 💡

More in Bootstrap Display

Bootstrap 4 & 5

Bootstrap class: **.d-*-inline**