I'm using Bootstrap code that is embedded in a template and I got it to work in a standalone simple .HTM file, but I'm trying to "embed" the following lines of code in a perl script so that I can make the text boxes, buttons and tables mobile enabled. Does any guru know how to put these lines in an existing perl script and maybe give me a sample of what will work? I tried a few things that didn't work.

THE FOLLOWING WORKS in HTML; NEED TO KNOW HOW TO PUT SAME LINES IN A PERL SCRIPT

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, 
+maximum-scale=1">
  <link type="text/css" rel="stylesheet" href="../hideo/bootstrap/css/
+bootstrap.min.css">
  <link href='http://fonts.googleapis.com/css?family=Arvo' rel='styles
+heet' type='text/css'>
  <link type="text/css" rel="stylesheet" href="../hideo/font-icons/cus
+tom-icons/css/custom-icons.css">
  <link type="text/css" rel="stylesheet" href="../hideo/css/layout.css
+">
  <link type="text/css" id="colors" rel="stylesheet" href="../hideo/cs
+s/colors.css">
  <link type="text/css" rel="stylesheet" href="../hideo/css/custom.css
+">
  <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/tr
+unk/html5.js"></script><![endif]-->
  <script src="hideo/js/modernizr-2.6.1.min.js"></script>
  <link rel="shortcut icon" href="../hideo/images/favicon.ico">
  <link rel="apple-touch-icon" href="../hideo/images/apple-touch-icon.
+png">
  <link rel="apple-touch-icon" sizes="72x72" href="../hideo/images/app
+le-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="../hideo/images/a
+pple-touch-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="144x144" href="../hideo/images/a
+pple-touch-icon-144x144.png">    
</head>

[download]
<body>
  <!-- RIGHT AFTER <body> TAG -->
  <script type="text/javascript" src="../hideo/js-plugin/jquery/jquery
+-1.10.2.min.js"></script>
  <script type="text/javascript" src="../hideo/JQuery/jquery.cycle.all
+.2.74.js"></script>

  <!-- JUST BEFORE </body> TAG -->
  <script type="text/javascript" src="../hideo/bootstrap/js/bootstrap.
+js"></script>
  <script type="text/javascript" src="../hideo/js/custom.js"></script>
</body>

[download]

In reply to How To Use Bootstrap Code in Perl Script? by glennpm

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":


  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.