Bootstrap JavaScript not working for rails 6 - javascript

I have a starter project in rails 6 and I have added bootstrap to work with. I followed many tutorials including many discussions on implementing bootstrap with rails6 but I am not able to get bootstrap javaScript to work. I have added a basic navbar with dropdown, bootstrap is working but the dropdown is not working cant figure out what is wrong here. Please help.
Note: I have tried all tutorials on getting my bootstrap to work with rails6.Only the javascript part is not working.
This is just one of the tutorial I tried none is working though
https://www.vic-l.com/setup-bootstrap-in-rails-6-with-webpacker-for-development-and-production
Here is my GitHub repo please feel free to check it out and help me .
https://github.com/sriramhegdeofficial/RubyGems101

Related

Javascript not working on wordpress template

I know that similar issues with not working JS on wordpress are there on StackOverflow, but I didn't find solution, as I am not very into code, it just stopped working.
I have bought a template on MyThemeShop. Everything was working fine, but as I was doing some changes on Theme Options, it somehow breaks. Now I can't use some plugins (monsterinsight) or even create and edit new content.
When I change to another template, everything works as it should. I have tried to delete template and download it from MyThemeShop again, but even this did not work.
Support on MyThemeShop stopped answering me, so I don't know, what else should I try. Anyone has the similar issue with MyThemeShop tepmplates? Thanks for any hint and answer.

Bootstrap core javascript suddenly not working

I'm a beginner here, and currently developing a web application. My situation is for few months i had using this Bootstrap core javascript source and suddenly today the console shows error which I completely dont know how to solve it and it is affecting and messing up my web application page.
This is the Bootstrap js source that i'm using
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
This is the image of the error from the web console
My problem above is solved by inserting new links for the CSS and JS of bootstrap latest update. You can refer here for the guide on using latest bootstrap 4.

full calendar with dropdown navbar

Hi I'm a novice at HTML5.
Created a website using Bootstrap v3. Working on a webpage to utilize FullCalendar. I have one of two problems. Either the calendar works and my dropdown NavBar menus do not work. Or Vice Versa.
I've narrowed down the problem to the jquery.min.js script link.
If I comment out the script "...src='assets/js/calendar/jquery.min.js'>", then my dropdown menus, work perfectly.
If I comment out the script
"...src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"
window.jQuery || document.write('...src="js/vendor/jquery.js">')", then my calendar works but my dropdown NavBar menus do not work.
I figured out the Bootstrap jquery script is using version 1.11.2 and FullCalendar is using version 3.1.1.
Then I downloaded Bootstrap v4 Alpha. The link there is to jquery-slim.min.js is version 3.1.1 so I thought this might solve my problem. I put together a test webpage and still experiencing the same issue.
Any suggestions would be greatly appreciated.
Thank you.

Custom wordpress theme with Bootstrap IE 8 error

I've been stuck on this issue for a very long time and I would like to get some help from people out there who smarter than me.
I began building a custom wordpress theme with the frameworks of bootstrap 3.0. I uploaded the site onto a web server and the website isn't working on IE 8 properly. The layout is all jumbled up (here is the website http://www.plummedia.com.au/).
If you look at my code I have Html5shiv.js , respond.js and css3mediaquieries.js in my header.
I tried going through these steps but it has been unsuccessful. http://davekiss.com/ie8-respond-js-and-wordpress/
Please help thank you!

Bootstrap components (javascript) not responding

Just a quick question and I am taking a bit of a stab in the dark here, I apologise if it is way to general.
My twitter bootstrap components such as my Dropdown menus and my Modals have suddenly stopped working. I stopped developing this project a few months ago and it was all working perfectly until recently I have gone back to development and they are not wanting to work. I have changed nothing since they used to work.
Has there been a recent update that could have caused this?
I am working with MAMP and Twig and PHP.
Thank you very much in advanced!

Categories

Resources