Fix breadcrumb component ellipsis

Added overflow: hidden on the main element of the oc-breadcrumb to make
sure that it can ellipsize its content in responsive mode.

src/elements/OcBreadcrumb.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="oc-breadcrumb">
+  <div class="oc-breadcrumb uk-overflow-hidden">
     <ul class="oc-breadcrumb-list">
       <li v-for="(item, index) in items" :key="index">
         <router-link v-if="home && index === 0" :to="item.to" class="uk-flex"
@@ -38,7 +38,7 @@
  *
  *  - text: mandatory element, holds the text which is to be displayed in the breadcrumb
  *  - to: optional element, the vue router link
- *  -
+ *
  */
 export default {
   name: "oc-breadcrumb",
@@ -80,7 +80,9 @@ export default {
 <docs>
 ```vue
 <template>
-  <oc-breadcrumb :items="items" home></oc-breadcrumb>
+  <section>
+    <oc-breadcrumb :items="items" home></oc-breadcrumb>
+  </section>
 </template>
 <script>
   export default {
@@ -90,7 +92,7 @@ export default {
           {text:'First folder',to:{path:'folder'}},
           {text:'Subfolder', onClick:() => alert('Breadcrumb clicked!')},
           {text:'Deep',to:{path:'folder'}},
-          {text:'Deeper'},
+          {text:'Deeper ellipsize in responsive mode'},
         ]
       }
     }