removing Bower, updating BS4 to Alpha 4, recompile

README.md

@@ -20,6 +20,11 @@ UnderStrap is released under the terms of the GPL version 2 or (at your option)
 http://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html
 
 ## Changelog
+            - ** 0.4.8 Pre-Release **
+                  - Removing Bower and replace the dependency managment copletely with npm
+                  - Update to Bootstrap 4 Alpha 4
+
+
             - ** 0.4.7 Aug. 15the 2016 **
                   - Fixing problem with tag page
                   - Fixing Navbar "hopping"
@@ -122,8 +127,8 @@ http://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html
 - Combines Underscore’s PHP/JS files and Bootstrap’s HTML/CSS/JS.
 - Comes with Bootstrap (v4) Sass source files and additional .scss files. Nicely sorted and ready to add your own variables and customize the Bootstrap variables.
 - Uses a single and minified CSS file for all the basic stuff.
-- [Font Awesome](http://fortawesome.github.io/Font-Awesome/) integration (v4.6.0)
+- [Font Awesome](http://fortawesome.github.io/Font-Awesome/) integration (v4.6.3)
-- Comes with extra slider script by [Owl Carousel](http://www.owlcarousel.owlgraphic.com/) (v2.0.0-beta.2.4)
+- Comes with extra slider script by [Owl Carousel](http://www.owlcarousel.owlgraphic.com/) (v2.1.4)
 - Simple RTL file.
 - Jetpack ready.
 - WooCommerce support.
@@ -161,12 +166,12 @@ Some basics about the Sass and CSS files that come with UnderStrap:
 - Go to Appearance → Themes
 - Activate the UnderStrap theme
 
-## Developing With npm, Bower, Gulp and SASS and [Browser Sync][1]
+## Developing With npm, Gulp and SASS and [Browser Sync][1]
 
 ### Installing Dependencies
-- Make sure you have installed Node.js, Bower, and Browser-Sync on your computer globally
+- Make sure you have installed Node.js and Browser-Sync* (* optional, if you wanna use it) on your computer globally
 - Then open your terminal and browse to the location of your UnderStrap copy
-- Run: `$ npm install` then: `$ bower install` and finally: `$ gulp copy-assets`
+- Run: `$ npm install` and then: `$ gulp copy-assets`
 
 ### Running
 To work and compile your Sass files on the fly start:

css/theme.css

@@ -1554,14 +1554,8 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
 
 .has-success .form-control-feedback,
 .has-success .form-control-label,
-.has-success .radio,
+.has-success .form-check-label,
-.has-success .checkbox,
+.has-success .form-check-inline,
-.has-success .radio-inline,
-.has-success .checkbox-inline,
-.has-success.radio label,
-.has-success.checkbox label,
-.has-success.radio-inline label,
-.has-success.checkbox-inline label,
 .has-success .custom-control {
   color: #5cb85c; }
 
@@ -1581,14 +1575,8 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
 
 .has-warning .form-control-feedback,
 .has-warning .form-control-label,
-.has-warning .radio,
+.has-warning .form-check-label,
-.has-warning .checkbox,
+.has-warning .form-check-inline,
-.has-warning .radio-inline,
-.has-warning .checkbox-inline,
-.has-warning.radio label,
-.has-warning.checkbox label,
-.has-warning.radio-inline label,
-.has-warning.checkbox-inline label,
 .has-warning .custom-control {
   color: #f0ad4e; }
 
@@ -1608,14 +1596,8 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
 
 .has-danger .form-control-feedback,
 .has-danger .form-control-label,
-.has-danger .radio,
+.has-danger .form-check-label,
-.has-danger .checkbox,
+.has-danger .form-check-inline,
-.has-danger .radio-inline,
-.has-danger .checkbox-inline,
-.has-danger.radio label,
-.has-danger.checkbox label,
-.has-danger.radio-inline label,
-.has-danger.checkbox-inline label,
 .has-danger .custom-control {
   color: #d9534f; }
 
@@ -3145,7 +3127,6 @@ input[type="button"].btn-block {
     column-count: 3;
     column-gap: 1.25rem; }
     .card-columns .card {
-      display: inline-block;
       width: 100%; } }
 
 .breadcrumb {
@@ -3317,7 +3298,7 @@ a.tag:focus, a.tag:hover {
   border-radius: 0; }
 
 .alert {
-  padding: 15px;
+  padding: 1rem;
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: 0.25rem; }
@@ -3329,11 +3310,11 @@ a.tag:focus, a.tag:hover {
   font-weight: bold; }
 
 .alert-dismissible {
-  padding-right: 35px; }
+  padding-right: 2rem; }
   .alert-dismissible .close {
     position: relative;
-    top: -2px;
+    top: -.125rem;
-    right: -21px;
+    right: -1rem;
     color: inherit; }
 
 .alert-success {
@@ -3515,11 +3496,6 @@ base::-moz-progress-bar,
   .progress-danger .progress-bar {
     background-color: #d9534f; } }
 
-.media {
-  margin-top: 15px; }
-  .media:first-child {
-    margin-top: 0; }
-
 .media,
 .media-body {
   overflow: hidden; }
@@ -4208,9 +4184,6 @@ button.close {
   .carousel-indicators {
     bottom: 20px; } }
 
-.bg-inverse {
-  background-color: #373a3c; }
-
 .bg-faded {
   background-color: #f7f7f9; }
 
@@ -4249,6 +4222,13 @@ a.bg-warning:focus, a.bg-warning:hover {
 a.bg-danger:focus, a.bg-danger:hover {
   background-color: #c9302c !important; }
 
+.bg-inverse {
+  color: #fff !important;
+  background-color: #373a3c !important; }
+
+a.bg-inverse:focus, a.bg-inverse:hover {
+  background-color: #1f2021 !important; }
+
 .clearfix::after {
   content: "";
   display: table;
@@ -4594,37 +4574,37 @@ a.bg-danger:focus, a.bg-danger:hover {
   color: #818a91 !important; }
 
 a.text-muted:focus, a.text-muted:hover {
-  color: #687077; }
+  color: #687077 !important; }
 
 .text-primary {
   color: #895cd1 !important; }
 
 a.text-primary:focus, a.text-primary:hover {
-  color: #6d37c3; }
+  color: #6d37c3 !important; }
 
 .text-success {
   color: #5cb85c !important; }
 
 a.text-success:focus, a.text-success:hover {
-  color: #449d44; }
+  color: #449d44 !important; }
 
 .text-info {
   color: #5bc0de !important; }
 
 a.text-info:focus, a.text-info:hover {
-  color: #31b0d5; }
+  color: #31b0d5 !important; }
 
 .text-warning {
   color: #f0ad4e !important; }
 
 a.text-warning:focus, a.text-warning:hover {
-  color: #ec971f; }
+  color: #ec971f !important; }
 
 .text-danger {
   color: #d9534f !important; }
 
 a.text-danger:focus, a.text-danger:hover {
-  color: #c9302c; }
+  color: #c9302c !important; }
 
 .text-hide {
   font: 0/0 a;