visionappscz / bootstrap-ui

⚠️ IN MAINTENANCE MODE. Bootstrap UI is a Bootstrap extension for building beautiful web apps user interfaces.
http://www.bootstrap-ui.com
MIT License
64 stars 15 forks source link

Select2 CSS missing in dist directory #129

Closed mbohal closed 5 years ago

mbohal commented 5 years ago

Im using BUI as documented here.

However it seems that select2 elements are missing some CSS. They are nor responsive nor pretty. See screen. selection_001

adamkudrna commented 5 years ago

I tested the case following the instructions in the docs and it seems to be alright, please check my CodePen. You will find the libraries used under the cog icon.

I noticed two possible causes in your code, though (not provided here):

  1. select2.css is not necessary, maybe even desired:
        <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Titillium+Web:400,300,700&amp;subset=latin,latin-ext" type="text/css" />
        <link rel="stylesheet" href="/css/bootstrap-ui.min.css" type="text/css" />
        <link rel="stylesheet" href="/css/select2.css" type="text/css" /> <!-- ⚠️-->
  2. select2.min.js should precede bootstrap-ui.min.js:
    <script src="/js/jquery.min.js"></script>
    <script src="/js/moment-with-locales.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/bootstrap-ui.min.js"></script>
    <script src="/js/select2.min.js"></script> <!-- ⚠️-->

So I suggest to check the usage instructions once again – minding the details –, check the versions installed and the HTML of your selects.