This is a migrated thread and some comments may be shown as answers.

Bootstrap, jQuery, and Client Side Resources

4 Answers 211 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Brian
Top achievements
Rank 2
Iron
Brian asked on 03 Jan 2019, 07:06 PM

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

4 Answers, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 08 Jan 2019, 02:09 PM
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.
0
Brian
Top achievements
Rank 2
Iron
answered on 08 Jan 2019, 03:15 PM

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!

0
Phil
Top achievements
Rank 1
answered on 21 Mar 2020, 05:12 PM
May I ask if this issue was resolved, and if so how?
0
Brian
Top achievements
Rank 2
Iron
answered on 21 Mar 2020, 09:16 PM
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!
Tags
General Discussions
Asked by
Brian
Top achievements
Rank 2
Iron
Answers by
Nencho
Telerik team
Brian
Top achievements
Rank 2
Iron
Phil
Top achievements
Rank 1
Share this question
or