Bootstrap 4

Author: sdebacker

src/resources/views/admin/_form.blade.php

@@ -12,29 +12,31 @@
 @include('files::admin._files-selector')
 
 <ul class="nav nav-tabs">
-    <li class="active">
-        <a href="#tab-main" data-target="#tab-main" data-toggle="tab">{{ __('Content') }}</a>
+    <li class="nav-item">
+        <a class="nav-link active" href="#tab-main" data-target="#tab-main" data-toggle="tab">{{ __('Content') }}</a>
     </li>
-    <li>
-        <a href="#tab-info" data-target="#tab-info" data-toggle="tab">{{ __('Info') }}</a>
+    <li class="nav-item">
+        <a class="nav-link" href="#tab-info" data-target="#tab-info" data-toggle="tab">{{ __('Info') }}</a>
     </li>
 </ul>
 
 <div class="tab-content">
 
     {{-- Main tab --}}
-    <div class="tab-pane fade in active" id="tab-main">
+    <div class="tab-pane fade show active" id="tab-main">
 
         @include('core::form._title-and-slug')
-        {!! TranslatableBootForm::hidden('status')->value(0) !!}
-        {!! TranslatableBootForm::checkbox(__('Published'), 'status') !!}
+        <div class="form-group">
+            {!! TranslatableBootForm::hidden('status')->value(0) !!}
+            {!! TranslatableBootForm::checkbox(__('Published'), 'status') !!}
+        </div>
         {!! TranslatableBootForm::textarea(__('Summary'), 'summary')->rows(4) !!}
         {!! TranslatableBootForm::textarea(__('Body'), 'body')->addClass('ckeditor') !!}
 
     </div>
 
     {{-- Info tab --}}
-    <div class="tab-pane fade in" id="tab-info">
+    <div class="tab-pane fade" id="tab-info">
 
         {!! BootForm::textarea(__('Address'), 'address')->rows(4) !!}
 

src/resources/views/admin/index.blade.php

@@ -18,7 +18,7 @@
 
     <div class="table-responsive">
 
-        <table st-persist="placesTable" st-table="displayedModels" st-safe-src="models" st-order st-filter class="table table-condensed table-main">
+        <table st-persist="placesTable" st-table="displayedModels" st-safe-src="models" st-order st-filter class="table table-main">
             <thead>
                 <tr>
                     <th class="delete"></th>
@@ -32,13 +32,13 @@
                 <tr>
                     <td colspan="4"></td>
                     <td>
-                        <input st-search="title_translated" class="form-control input-sm" placeholder="@lang('Filter')…" type="text">
+                        <input st-search="title_translated" class="form-control form-control-sm" placeholder="@lang('Filter')…" type="text">
                     </td>
                     <td>
-                        <input st-search="address" class="form-control input-sm" placeholder="@lang('Filter')…" type="text">
+                        <input st-search="address" class="form-control form-control-sm" placeholder="@lang('Filter')…" type="text">
                     </td>
                     <td>
-                        <input st-search="website" class="form-control input-sm" placeholder="@lang('Filter')…" type="text">
+                        <input st-search="website" class="form-control form-control-sm" placeholder="@lang('Filter')…" type="text">
                     </td>
                 </tr>
             </thead>

src/resources/views/public/index.blade.php

@@ -21,8 +21,8 @@
             <form method="get" role="form">
                 <label for="string" class="sr-only">@lang('Search')</label>
                 <div class="input-group input-group-lg">
-                    <input id="string" type="text" name="string" value="{{ request('string') }}" class="form-control input-sm">
-                    <span class="input-group-btn">
+                    <input id="string" type="text" name="string" value="{{ request('string') }}" class="form-control form-control-sm">
+                    <span class="input-group-append">
                         <button type="submit" class="btn btn-sm btn-primary">@lang('Search')</button>
                     </span>
                 </div>
@@ -46,7 +46,7 @@
                 <label for="address" class="sr-only">@lang('address')</label>
                 <div class="input-group input-group-lg">
                     <input class="form-control" id="address" type="text" placeholder="{{ __('Address') }}" name="address" value="">
-                    <span class="input-group-btn">
+                    <span class="input-group-append">
                         <button type="submit" class="btn btn-sm btn-primary">@lang('Search')</button>
                     </span>
                 </div>