Bootstrap, jQuery, and Client Side Resources

5 posts, 0 answers
  1. Brian
    Brian avatar
    45 posts
    Member since:
    Aug 2013

    Posted 03 Jan 2019 Link to this post

    Hi,

    I followed your tutorial on "Copying Client Side Resources" (https://docs.telerik.com/aspnet-core/getting-started/getting-started-copy-client-resources).  I'm using the last option, using NPM and webpack.  I'm also including vanilla Bootstrap 4 in my project.

    It seems that the bundled version of jQuery that is included in the generated "bundle.js" file from your instructions isn't working with Bootstrap 4.  My Bootstrap navbar is now broken (none of the Javascript components work properly -- for example, responsive navbar won't expand).  When I explicitly include jQuery (again) in my layout, the navbar works but all of my Kendo components are now broken.

    How can I reconcile this?  In what order should I place my CSS and JS?  How can I use jQuery from the bundle with my project?

    Here is my code snippet.

    01.<html>
    02.<head>
    03.    ...
    04.    <link href="~/lib/twitter-bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    05.    <script src="~/bundle.js"></script>
    06.    ...
    07.</head>
    08.<body>
    09.    ...
    10.    <script src="~/lib/twitter-bootstrap/js/bootstrap.bundle.min.js"></script>
    11.</body>
    12.</html>

     

    Thanks,
    Brian

  2. Nencho
    Admin
    Nencho avatar
    1880 posts

    Posted 08 Jan 2019 Link to this post

    Hello Brian,

    We are not aware of such an issue when importing the Bootrspap4. Would it be possible to submit a support ticket, along with a runnable sample attached, where the issue resides (be it the currently used one or another, stripped one)? Hence, we can revise everything and pin down the reason for the issue. 

    Regards,
    Nencho
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  3. Brian
    Brian avatar
    45 posts
    Member since:
    Aug 2013

    Posted 08 Jan 2019 in reply to Nencho Link to this post

    I've opened a support ticket with a sample project and video demonstrating the issue.  Once I receive a resolution, I'll post the answer here in case anyone else runs into this.

    Thanks!

  4. Phil
    Phil avatar
    1 posts
    Member since:
    Dec 2014

    Posted 21 Mar 2020 Link to this post

    May I ask if this issue was resolved, and if so how?
  5. Brian
    Brian avatar
    45 posts
    Member since:
    Aug 2013

    Posted 21 Mar 2020 Link to this post

    Telerik updated their official documentation. If you follow it to the letter, the issue should be resolved for you. Sorry I don’t have more info!
Back to Top