Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mdbootstrap/bootstrap-inline-block

Responsive Inline Block built with Bootstrap 5. Wrapping an item without going beyond its parent.
https://github.com/mdbootstrap/bootstrap-inline-block

bootstrap bootstrap-display bootstrap-inline-block bootstrap-template bootstrap-theme bootstrap5 css html

Last synced: about 1 month ago
JSON representation

Responsive Inline Block built with Bootstrap 5. Wrapping an item without going beyond its parent.

Awesome Lists containing this project

README 

        

Responsive Inline Block built with Bootstrap 5. Wrapping an item without going beyond its parent.



Check out [Bootstrap Inline Block Documentation](https://mdbootstrap.com/docs/standard/extended/inline-block/) for detailed instructions & even more examples.



## How it works



[Bootstrap Inline Block:

![Bootstrap 5 Inline block](/assets/how-it-works.png)](https://mdbootstrap.com/docs/standard/extended/inline-block/#section-how-it-works)



```html



  While using the property display: inline-block

  will wrap the element to prevent the text inside from extending beyond its parent.



```



## How to use?



1. Download MDB 5 - free UI KIT



2. Choose your favourite customized component and click on the image



3. Copy & paste the code into your MDB project



[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)



___



## More extended Bootstrap documentation