Use the cellStyle option also for the card view (#5331)

Co-authored-by: Dennis Hernández <dennishernandezvargas@gmail.com>

src/bootstrap-table.js

@@ -1607,9 +1607,9 @@ class BootstrapTable {
 
         if (this.options.cardView) {
           const cardTitle = this.options.showHeader ?
-            `<span class="card-view-title"${style_}>${Utils.getFieldTitle(this.columns, field)}</span>` : ''
+            `<span class="card-view-title ${cellStyle.classes}"${style_}>${Utils.getFieldTitle(this.columns, field)}</span>` : ''
 
-          text = `<div class="card-view">${cardTitle}<span class="card-view-value">${value}</span></div>`
+          text = `<div class="card-view">${cardTitle}<span class="card-view-value ${cellStyle.classes}"${style_}>${value}</span></div>`
 
           if (this.options.smartDisplay && value === '') {
             text = '<div class="card-view"></div>'

src/themes/_theme.scss

@@ -138,6 +138,10 @@
             min-width: 30%;
             text-align: left !important;
           }
+
+          .card-view-value {
+            width: 100%;
+          }
         }
       }