I copied out the ''classic_website'' to ''mier_website'' and changed the ''theme.yaml'' file to reflect the new name.\\
I also copied out the ''blog_static'' and ''static'' folders from the japanese ''bootstrap3'' theme.\\
Changed the ''html'' tag to
<code>
<html  lang="<$mt:BlogLanguage$>" itemscope itemtype="http://schema.org/Website">
</code>

Changed the "HTML Head" to call the core ''bootstrap'' css and the ''open-graph protocol'' headers.\\
<code>
<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 other head content must come *after* these tags -->
<meta name="generator" content="<$mt:ProductName version="1"$>" />
<!-- Bootstrap core CSS -->
<link href="<$mt:BlogURL$>css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
 <script src="<$mt:BlogURL$>js/html5shiv.js"></script>
 <script src="<$mt:BlogURL$>js/respond.min.js"></script>
<![endif]-->
<link rel="start" href="<$mt:BlogURL encode_html="1"$>" title="Home" />
<link rel="stylesheet" href="<$mt:Link template="styles"$>" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Recent Entries" href="<$mt:Link template="feed_recent"$>" />
<script type="text/javascript" src="<$mt:Link template="javascript"$>"></script>
<!-- Open Graph Protocol -->
<meta property="og:type" content="webpage">
<meta property="og:locale" content="<$mt:BlogLanguage setvar="blog_lang"$><$mt:Var name="blog_lang"$>">
<meta property="og:title" content="<$mt:BlogName encode_html="1"$>">
<meta property="og:url" content="<$mt:BlogURL encode_html="1"$>">
<mt:If tag="BlogDescription"><meta property="og:description" content="<$mt:BlogDescription remove_html="1" encode_html="1"$>"></mt:If>
<meta property="og:site_name" content="<$mt:BlogName encode_html="1"$>">

<$mt:CCLicenseRDF$>
<$mt:CanonicalLink$>
<$mt:StatsSnippet$>

</code>

Put my standard PHP functions in
<code>
<$mt:Include module="PHP Functions"$>
</code>
and put in this
<code>
<?php 
function extract_unit($string, $start, $end, $offset) {
$pos = stripos($string, $start, $offset) + strlen($start);
$second_pos = stripos($string, $end, $offset)- $pos;
if ($second_pos > 0) { return substr($string, $pos, $second_pos); }
else { return ''; }
}

function curldata($surl,$sfile,$stime) {
// download a webpage
 if (!file_exists($sfile) or (time() - filemtime($sfile) >= $stime)){
  $ch = curl_init();
  curl_setopt($ch, CURLOPT_URL,$surl);
  curl_setopt($ch, CURLOPT_HEADER, 1); 
  curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
  return curl_exec($ch);
 } else return file_get_contents($sfile);
}

function getdata($sfile,$surl,$slife) {
/*gets new file if old file is more than 2 hours old */
//slife is caching time, in seconds i.e. 7200 is two hours
if (!file_exists($sfile) or (time() - filemtime($sfile) >= $slife)){
 $ch = curl_init();
 curl_setopt($ch, CURLOPT_URL,$surl);
 curl_setopt($ch, CURLOPT_HEADER, 1); 
 curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); 
 $fp = fopen($sfile, 'w');
 $data = curl_exec($ch);
 fwrite($fp,$data);
 curl_close($ch);
 fclose($fp);
} else $data=file_get_contents($sfile);
return $data;
}

function acronym($string) {
// make an acronym from the string word separated by spaces
return preg_replace('/\b(\w)\w*\W*/', '\1', $string);
}
?>
</code>
Put the ''jumbotron'' class to the ''Banner Header''
<code>
<div class="jumbotron">
<mt:Ignore><!-- Use h1 and h2 html tags on the main index of the blog as the title, use divs on all other pages where there are page titles. --></mt:Ignore>
<mt:If name="main_index">
 <h1 id="header-name"><a href="<$mt:BlogURL$>" accesskey="1"><$mt:BlogName encode_html="1"$></a></h1>
 <h2 id="header-description"><$mt:BlogDescription$></h2>
<mt:Else>
 <div id="header-name"><a href="<$mt:BlogURL$>" accesskey="1"><$mt:BlogName encode_html="1"$></a></div>
 <div id="header-description"><$mt:BlogDescription$></div>
</mt:If>
</div>
</code>
Used
<code>
<div class="row">
 <div class="col-xs-12 col-sm-9">
...
 </div>
 <div class="col-xs-6 col-sm-3">
...
 </div>
</div>
</code>
to split into two columns.\\

Put in a visitor counter below the "Sidebar" module\\
<code>
<$mt:Include module="Visitor Counter"$>
</code>
and put in this
<code>
<div class="sidetitle">Visitor Counter</div>
<?php
function getRealIpAddr()  {
$ip=''; 
if (!empty($_SERVER['HTTP_CLIENT_IP']))  {  
$ip=$_SERVER['HTTP_CLIENT_IP'];  
}  elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR']))  
//to check ip is pass from proxy  
{  
$ip=$_SERVER['HTTP_X_FORWARDED_FOR'];  
}  else  {  
$ip=$_SERVER['REMOTE_ADDR'];  }  
return $ip;  
}

$cfile = "<$mt:WebsitePath$>count.txt";

// Read old entries
$fp = fopen($cfile, "r");
$buffer=fgets($fp, 4096);
fclose ($fp);

$ip = chop (substr($buffer,0,15));
//counts are total, today, yesterday
$counts = explode(':',substr($buffer,15));
$np = getRealIpAddr();
$date = date("d-M-Y @ H:i", filemtime($cfile));
$fdate = substr($date,0,11);
$today = date("d-M-Y");
settype($counts[0], "integer");
settype($counts[1], "integer");
settype($counts[2], "integer");

if ($np != $ip) {
 $counts[0]++;
 if ($fdate != $today) {
  $counts[2] = $counts[1];
  $counts[1] = 1;
 } else { $counts[1]++; }
 if ($fp = fopen ($cfile, "w")) {
  fwrite ($fp, substr($np."         ",0,15).$counts[0].':'.$counts[1].':'.$counts[2]);
  fclose ($fp);
 }
}

echo "<div class=\"counter\">\n";
echo "<font color=\"#FF9933\"><b>$counts[0]</b></font> total visitors<br />\n";
echo "<font color=\"#6699FF\"><b>$counts[1]</b></font> visitors today $today<br />\n";
echo "<font color=\"#EF33EF\"><b>$counts[2]</b></font> total visitors previously<br />\n";
echo "Last visitor IP [<font color=\"#00CC00\">$ip</font>]<br />\n";
echo "Date of last visit<br />\n[<font color=\"#3333FF\">";
echo $date."</font>]<br />\n";
echo "Current visitor IP [<font color=\"#FF00CC\">$np</font>]<br />\n";
echo "</div>\n";
?>
</code>

The sidetitle class was put in the style.css
<code>
.sidetitle {
 font-family: palatino, georgia, "times new roman", serif;
 color: #666600;
 font-size: small;
 font-weight: normal;
 padding: 2px;
 margin-top: 20px;
 letter-spacing: .3em;
 background: #eed;
 text-transform: uppercase;
}
</code>

Changed the ''Banner Footer'' to put in the Bootstrap license
<code>
<footer class="footer">
Powered by <a href="http://www.movabletype.org/"><$MTProductName$></a> | Layout in <a href="http://getbootstrap.com/">Bootstrap 3</a>
<mt:BlogIfCCLicense>
 <div class="widget-creative-commons widget">
  <div class="widget-content">
   This blog is licensed under a <a href="<$mt:BlogCCLicenseURL$>">Creative Commons License</a>.
  </div>
 </div>
</mt:BlogIfCCLicense>
</footer>
</code>