Bootstrap modal("show") doesn't work

#1

Hello! I tried to run a modal window by using $("#myModal").modal(“show”);. But it doesn’t work, so I tried to find a solution on stackoverflow, it says about plugin dependencies, the order of adding js and css libraries. I’ve tried different options, but I can’t still find out what the order should be. All ids are correct.

<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="slider/owl.carousel.min.css">
  <link rel="stylesheet" href="slider/owl.theme.default.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="main.js"></script>
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAW9ZU6PtU2Wo7cnHK1uvFF5ird_lpCaAs&callback=myMap"></script>
  <script src="https://maps.api.2gis.ru/2.0/loader.js?pkg=full"></script>
  <script src="slider/jquery.min.js"></script>
<script src="slider/owl.carousel.min.js"></script>
#2

It would be best if you could post a link to all your code (i.e. Codepen, JSFiddle, github), so we can review all the code and not just the css and js links.

#3