Improvements Bootstrap docs (#87)

* fix: typos Bootstrap docs page

* fix: improve structure Bootstrap docs page

* fix: add bootstrap4 and bootstrap5 to configuration docs

packages/docs/src/guide/configuration/composition-api.md

@@ -51,7 +51,7 @@ useGrid(config: string)
 The value can either be a string literal, with one of the supported UI frameworks:
 
 ```ts
-'tailwind' | 'bootstrap' | 'bulma' | 'foundation' | 'materialize' | 'semanticUi'
+'tailwind' | 'bootstrap' | 'bootstrap4' | 'bootstrap5' | 'bulma' | 'foundation' | 'materialize' | 'semanticUi'
 ```
 
 or an object that specifies a custom grid:

packages/docs/src/guide/configuration/plugin.md

@@ -19,7 +19,7 @@ Config can be either:
 - a string, with one of the supported UI frameworks:
 
 ```ts
-'tailwind' | 'bootstrap' | 'bulma' | 'foundation' | 'materialize' | 'semanticUi'
+'tailwind' | 'bootstrap' | 'bootstrap4' | 'bootstrap5' | 'bulma' | 'foundation' | 'materialize' | 'semanticUi'
 ```
 
 - an object, with the following signature:
@@ -32,4 +32,4 @@ Config can be either:
 }
 ```
 
-Please refer to [Composition API configuration](/guide/configuration/composition-api) for the signatures of each property.
+Please refer to [Composition API configuration](/guide/configuration/composition-api) for the signatures of each property.

packages/docs/src/guide/frameworks/bootstrap.md

@@ -6,7 +6,7 @@ editLink: true
 
 To use Bootstrap as your UI framework, simply pass it to the configuration
 
-### Boostrap 3
+## Bootstrap 3
 ```js
 import { useGrid } from 'vue-screen'
 
@@ -32,7 +32,19 @@ import VueScreen from 'vue-screen'
 createApp().use(VueScreen, 'bootstrap') // Bootstrap 3 grid
 ```
 
-### Boostrap 4
+Your grid object will contain the following properties:
+
+```ts
+{
+  xs: boolean,
+  sm: boolean,
+  md: boolean,
+  lg: boolean,
+  breakpoint: string | null // the current breakpoint
+}
+```
+
+## Bootstrap 4
 ```js
 import { useGrid } from 'vue-screen'
 
@@ -45,7 +57,20 @@ import VueScreen from 'vue-screen'
 createApp().use(VueScreen, 'bootstrap4')
 ```
 
-### Boostrap 5
+Your grid object will contain the following properties:
+
+```ts
+{
+  xs: boolean,
+  sm: boolean,
+  md: boolean,
+  lg: boolean,
+  xl: boolean
+  breakpoint: string | null // the current breakpoint
+}
+```
+
+## Bootstrap 5
 ```js
 import { useGrid } from 'vue-screen'
 
@@ -61,26 +86,6 @@ createApp().use(VueScreen, 'bootstrap5')
 Your grid object will contain the following properties:
 
 ```ts
-// Bootstrap 3
-{
-  xs: boolean,
-  sm: boolean,
-  md: boolean,
-  lg: boolean,
-  breakpoint: string | null // the current breakpoint
-}
-
-// Bootstrap 4
-{
-  xs: boolean,
-  sm: boolean,
-  md: boolean,
-  lg: boolean,
-  xl: boolean
-  breakpoint: string | null // the current breakpoint
-}
-
-// Bootstrap 5
 {
   xs: boolean,
   sm: boolean,