Docs: Update Bootstrap

docs/example-option-theme-bootstrap-v4.html

@@ -124,14 +124,11 @@
 
 <div id="main">
 
-	<div class="alert alert-warning" role="alert">
-		<strong>NOTE!</strong>: Bootstrap v4.x is still in beta development. We do not recommend using it, or the <code>theme.bootstrap_4.css</code> theme file <em>in production</em> until a stable release is available.
-	</div>
-
 	<ul>
 		<li>Go to <a href="example-option-theme-bootstrap-v3.html">Bootstrap v3.x</a> or <a href="example-option-theme-bootstrap-v2.html">Bootstrap v2.x</a> demo.</li>
 		<li>Get the current version of <a href="https://getbootstrap.com/">Bootstrap</a> (now v4.x).<br><br></li>
 
+		<li>In <span class="version updated">v2.31.3</span>, updated to Bootstrap 4.4.1.</li>
 		<li>In <span class="version updated">v2.29.3</span>
 			<ul>
 				<li>Updated to use Bootstrap v4.0.0-beta.2.</li>

docs/index.html

@@ -9,7 +9,7 @@
 #banner h1 em {color:#6cf;}
 .main-nav {display:none;}
 </style>
-<link href="css/bootstrap-v3.min.css" rel="stylesheet">
+<link href="css/bootstrap-v4.min.css" rel="stylesheet">
 <link href="css/jquery-ui.min.css" class="ui-theme" rel="stylesheet">
 
 <link href="css/jq.css" rel="stylesheet">
@@ -1585,7 +1585,7 @@ From the example function above, you'll end up with something similar to this HT
 						<iframe style="width:100%;height:300px;" src="themes.html"></iframe>
 						<hr>
 						<h3>uitheme widget</h3>
-						<p>You will need to use the uitheme widget to extend the theme to apply css from jQuery UI, Bootstrap or other css libraries.</p>
+						<p>You will need to use the uitheme widget to extend the theme to apply css from jQuery UI, Bootstrap (v3 &amp; earlier) or other css libraries.</p>
 						<h4>Modify a theme</h4>
 						<p>If you want to modify the existing themes ("jui" and "bootstrap"), it can be done as follows:</p>
 						<p>Modify the class names by extending from the <a href="#variable-themes"><code>$.tablesorter.themes</code></a> variable</p>
@@ -4722,7 +4722,7 @@ $('table').trigger('search', false);</pre></div>
 					<a href="example-pager.html">1</a>
 					<a href="example-pager-ajax.html">2</a>
 					<a href="example-pager-filtered.html">3</a>
-					<a href="example-option-theme-bootstrap-v3.html">4</a>
+					<a href="example-option-theme-bootstrap-v4.html">4</a>
 				</td>
 			</tr>