As stated in
this stackoverflow query , you should use a CDN, instead of local copies of jquery and bootstrap.
Here is how I incorporate that in one of my perl scripts:
print <<"__HEAD__";
Content-Type: text/html
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1
+">
<!-- The above 3 meta tags *must* come first in the head; any othe
+r head content must come *after* these tags -->
<title>MY Program's title</title>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery-2.0.0.js"></script>
<!-- Bootstrap V 3.3 CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstr
+ap/3.3.6/css/bootstrap.min.css"
integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhj
+VME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstr
+ap/3.3.6/css/bootstrap-theme.min.css" integrity=
"sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0
+En5r" crossorigin="anonymous">
<!-- Bootstrap V 3.3 JavaScript (Minified)-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/boot
+strap.min.js" integrity=
"sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9a
+J7xS" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tableso
+rter/2.25.1/js/jquery.tablesorter.combined.min.js">
</script>
<style>
...
__HEAD__
If you /msg me with your email, I can share a simple perl Bootstrap module that I wrote to help make buttons, dropdowns, alerts and panels. It does not do forms.
This is not an optical illusion, it just looks like one.