diff --git a/doc/carousel/BasicDoc.vue b/doc/carousel/BasicDoc.vue
index de5c310df..7863246dc 100644
--- a/doc/carousel/BasicDoc.vue
+++ b/doc/carousel/BasicDoc.vue
@@ -36,13 +36,13 @@ export default {
             responsiveOptions: [
                 {
                     breakpoint: '1199px',
-                    numVisible: 3,
-                    numScroll: 3
+                    numVisible: 1,
+                    numScroll: 1
                 },
                 {
                     breakpoint: '991px',
                     numVisible: 2,
-                    numScroll: 2
+                    numScroll: 1
                 },
                 {
                     breakpoint: '767px',
@@ -104,13 +104,13 @@ export default {
             responsiveOptions: [
                 {
                     breakpoint: '1199px',
-                    numVisible: 3,
-                    numScroll: 3
+                    numVisible: 1,
+                    numScroll: 1
                 },
                 {
                     breakpoint: '991px',
                     numVisible: 2,
-                    numScroll: 2
+                    numScroll: 1
                 },
                 {
                     breakpoint: '767px',
@@ -178,13 +178,13 @@ const products = ref();
 const responsiveOptions = ref([
     {
         breakpoint: '1199px',
-        numVisible: 3,
-        numScroll: 3
+        numVisible: 1,
+        numScroll: 1
     },
     {
         breakpoint: '991px',
         numVisible: 2,
-        numScroll: 2
+        numScroll: 1
     },
     {
         breakpoint: '767px',
diff --git a/doc/carousel/CircularDoc.vue b/doc/carousel/CircularDoc.vue
index 8594ff9dd..03a994231 100644
--- a/doc/carousel/CircularDoc.vue
+++ b/doc/carousel/CircularDoc.vue
@@ -37,13 +37,13 @@ export default {
             responsiveOptions: [
                 {
                     breakpoint: '1199px',
-                    numVisible: 3,
-                    numScroll: 3
+                    numVisible: 1,
+                    numScroll: 1
                 },
                 {
                     breakpoint: '991px',
                     numVisible: 2,
-                    numScroll: 2
+                    numScroll: 1
                 },
                 {
                     breakpoint: '767px',
@@ -107,13 +107,13 @@ export default {
             responsiveOptions: [
                 {
                     breakpoint: '1199px',
-                    numVisible: 3,
-                    numScroll: 3
+                    numVisible: 1,
+                    numScroll: 1
                 },
                 {
                     breakpoint: '991px',
                     numVisible: 2,
-                    numScroll: 2
+                    numScroll: 1
                 },
                 {
                     breakpoint: '767px',
@@ -182,13 +182,13 @@ const products = ref();
 const responsiveOptions = ref([
     {
         breakpoint: '1199px',
-        numVisible: 3,
-        numScroll: 3
+        numVisible: 1,
+        numScroll: 1
     },
     {
         breakpoint: '991px',
         numVisible: 2,
-        numScroll: 2
+        numScroll: 1
     },
     {
         breakpoint: '767px',
diff --git a/doc/carousel/NumScrollDoc.vue b/doc/carousel/NumScrollDoc.vue
index 7ee516a6d..4a7dab3e9 100644
--- a/doc/carousel/NumScrollDoc.vue
+++ b/doc/carousel/NumScrollDoc.vue
@@ -37,13 +37,13 @@ export default {
             responsiveOptions: [
                 {
                     breakpoint: '1199px',
-                    numVisible: 3,
-                    numScroll: 3
+                    numVisible: 1,
+                    numScroll: 1
                 },
                 {
                     breakpoint: '991px',
                     numVisible: 2,
-                    numScroll: 2
+                    numScroll: 1
                 },
                 {
                     breakpoint: '767px',
@@ -107,13 +107,13 @@ export default {
             responsiveOptions: [
                 {
                     breakpoint: '1199px',
-                    numVisible: 3,
-                    numScroll: 3
+                    numVisible: 1,
+                    numScroll: 1
                 },
                 {
                     breakpoint: '991px',
                     numVisible: 2,
-                    numScroll: 2
+                    numScroll: 1
                 },
                 {
                     breakpoint: '767px',
@@ -182,13 +182,13 @@ const products = ref();
 const responsiveOptions = ref([
     {
         breakpoint: '1199px',
-        numVisible: 3,
-        numScroll: 3
+        numVisible: 1,
+        numScroll: 1
     },
     {
         breakpoint: '991px',
         numVisible: 2,
-        numScroll: 2
+        numScroll: 1
     },
     {
         breakpoint: '767px',
diff --git a/doc/carousel/ResponsiveDoc.vue b/doc/carousel/ResponsiveDoc.vue
index 0616e66c1..4eda87f70 100644
--- a/doc/carousel/ResponsiveDoc.vue
+++ b/doc/carousel/ResponsiveDoc.vue
@@ -40,13 +40,13 @@ export default {
             responsiveOptions: [
                 {
                     breakpoint: '1199px',
-                    numVisible: 3,
-                    numScroll: 3
+                    numVisible: 1,
+                    numScroll: 1
                 },
                 {
                     breakpoint: '991px',
                     numVisible: 2,
-                    numScroll: 2
+                    numScroll: 1
                 },
                 {
                     breakpoint: '767px',
@@ -110,13 +110,13 @@ export default {
             responsiveOptions: [
                 {
                     breakpoint: '1199px',
-                    numVisible: 3,
-                    numScroll: 3
+                    numVisible: 1,
+                    numScroll: 1
                 },
                 {
                     breakpoint: '991px',
                     numVisible: 2,
-                    numScroll: 2
+                    numScroll: 1
                 },
                 {
                     breakpoint: '767px',
@@ -185,13 +185,13 @@ const products = ref();
 const responsiveOptions = ref([
     {
         breakpoint: '1199px',
-        numVisible: 3,
-        numScroll: 3
+        numVisible: 1,
+        numScroll: 1
     },
     {
         breakpoint: '991px',
         numVisible: 2,
-        numScroll: 2
+        numScroll: 1
     },
     {
         breakpoint: '767px',
diff --git a/doc/carousel/pt/PTDoc.vue b/doc/carousel/pt/PTDoc.vue
index 32be965ab..6911b981a 100644
--- a/doc/carousel/pt/PTDoc.vue
+++ b/doc/carousel/pt/PTDoc.vue
@@ -41,13 +41,13 @@ export default {
             responsiveOptions: [
                 {
                     breakpoint: '1199px',
-                    numVisible: 3,
-                    numScroll: 3
+                    numVisible: 1,
+                    numScroll: 1
                 },
                 {
                     breakpoint: '991px',
                     numVisible: 2,
-                    numScroll: 2
+                    numScroll: 1
                 },
                 {
                     breakpoint: '767px',
@@ -125,13 +125,13 @@ export default {
             responsiveOptions: [
                 {
                     breakpoint: '1199px',
-                    numVisible: 3,
-                    numScroll: 3
+                    numVisible: 1,
+                    numScroll: 1
                 },
                 {
                     breakpoint: '991px',
                     numVisible: 2,
-                    numScroll: 2
+                    numScroll: 1
                 },
                 {
                     breakpoint: '767px',
@@ -207,13 +207,13 @@ const products = ref();
 const responsiveOptions = ref([
     {
         breakpoint: '1199px',
-        numVisible: 3,
-        numScroll: 3
+        numVisible: 1,
+        numScroll: 1
     },
     {
         breakpoint: '991px',
         numVisible: 2,
-        numScroll: 2
+        numScroll: 1
     },
     {
         breakpoint: '767px',
diff --git a/doc/carousel/theming/TailwindDoc.vue b/doc/carousel/theming/TailwindDoc.vue
index 157615320..9c72769db 100644
--- a/doc/carousel/theming/TailwindDoc.vue
+++ b/doc/carousel/theming/TailwindDoc.vue
@@ -105,13 +105,13 @@ const products = ref();
 const responsiveOptions = ref([
     {
         breakpoint: '1199px',
-        numVisible: 3,
-        numScroll: 3
+        numVisible: 1,
+        numScroll: 1
     },
     {
         breakpoint: '991px',
         numVisible: 2,
-        numScroll: 2
+        numScroll: 1
     },
     {
         breakpoint: '767px',