First copy the latest bootstrap layout files into the public_html folder\\
This is the ''css'', ''fonts'' and ''js'' folders.\\
Then choose your example bootstrap index page. I'm choosing the ''Navbar'' template which has a dropdown menu built in.\\

On the movabletype site, set up and just choose the Classic Website and Blog themes.\\
Now follow the instructions given in the YAML setup instructions part 1 so that access to the main website variables is enabled..\\

Next remove the whole DOCTYPE, html and head tags and replace with the simple one from Bootstrap\\
<code>
<!DOCTYPE html>
<html lang="en">
<head>
</code>

Now move to the HTML Head module template.\\
Simply replace the first line with
<code>
<meta charset="<$mt:PublishCharset$>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</code>

You can add the extra bits that come with bootstrap\\
<code>
 <meta name="description" content="<$mt:BlogDescription$>">
 <meta name="author" content="<$mt:AuthorName$>">
 <link rel="shortcut icon" href="favicon.png">
</code>

//Note: Leave out the author meta tag for the website template//\\

Link to the bootstrap css just above the normal style line with\\
<code>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
</code>

Add the IE support stuff\\
<code>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
 <script src="js/html5shiv.js"></script>
 <script src="js/respond.min.js"></script>
<![endif]-->
</code>