Update README.md

Author: PiotrGusciora

README.md

@@ -1,2 +1,44 @@
-# bootstrap-inline-block
+
 Responsive Inline Block built with Bootstrap 5. Wrapping an item without going beyond its parent.
+
+Check out [Bootstrap Number Inputs Documentation](https://mdbootstrap.com/docs/standard/extended/number-inputs/) for detailed instructions & even more examples.
+
+## How it works
+
+![Bootstrap 5 Inline block](/assets/how-it-works.png)
+
+```html
+<div>
+  While using the property <span class="d-inline-block">display: inline-block</span>
+  will wrap the element to prevent the text inside from extending beyond its parent.
+</div>
+```
+
+
+## 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
+
+<ul>
+<li><a href="https://mdbootstrap.com/docs/standard/layout/display/">Bootstrap Display</a></li>
+<li><a href="https://mdbootstrap.com/docs/standard/extended/screen-sizes/">Bootstrap Screen Sizes</a></li>
+<li><a href="https://mdbootstrap.com/docs/standard/extended/max-width/">Bootstrap Max Width</a></li>
+<li><a href="https://mdbootstrap.com/docs/standard/layout/breakpoints/">Bootstrap Breakpoints</a></li>
+<li><a href="https://mdbootstrap.com/docs/standard/layout/grid/">Bootstrap Grid System</a></li>
+<li><a href="https://mdbootstrap.com/docs/standard/layout/utilities-for-layout/">Bootstrap Utilities for layout</a></li>
+<li><a href="https://mdbootstrap.com/docs/standard/layout/display/">Bootstrap Display</a></li>
+<li><a href="https://mdbootstrap.com/docs/standard/layout/flexbox/">Bootstrap Flexbox</a></li>
+<li><a href="https://mdbootstrap.com/docs/standard/layout/horizontal-alignment/">Bootstrap Horizontal alignment</a></li>
+<li><a href="https://mdbootstrap.com/docs/standard/layout/vertical-alignment/">Bootstrap Vertical alignment</a></li>
+<li><a href="https://mdbootstrap.com/docs/standard/design-blocks/landing-page/">Bootstrap Mobile Design Block</a></li>
+</ul>