First you have to download "bootstrap.min.css", "bootstrap-theme.min.css" "jquery_min_1_10_1", and include css files in Style Sheets and JS file in UI Script.
Then create new UI Page and copy this code :
<html>
<head>
<meta charset="utf-8"/>
<!-- Latest compiled and minified CSS bootstrap.min.css-->
<!--The number here is sys id stylesheet-->
<link href="f6ad4899f50cb10052792a79463668ab.cssdbx" rel="stylesheet" type="text/css"></link>
<!-- Optional theme bootstrap-theme.min-->
<link href="48fd4899f50cb10052792a79463668ad.cssdbx" rel="stylesheet" type="text/css"></link>
<!-- Latest compiled and minified JavaScript bootstrap.min 3.2.0 -->
<!--Your bootstrap.min name in UI Script-->
<g:include_script src="Bootstrap_min_v3_2_0.jsbx"/>
<g:include_script src="jquery_min_1_10_1.jsbx"/>
<g:include_script src="AngularJs_1_2_25.jsbx"/>
</head>
<body>
<div id='container' ng-app='app'>
<div class="container">
<h1><a href="#">My First Bootstrap Site</a></h1>
<div class="col-md-4"><p>Dummy Text 1</p></div>
<div class="col-md-4"><p>Dummy Text 2</p></div>
<div class="col-md-4"><p>Dummy Text 3</p></div>
<div class="col-md-4">
<div class="list-group">
<a href="#" class="list-group-item active">Link</a>
<a href="#" class="list-group-item">Link Test 1</a>
<a href="#" class="list-group-item">Link Test 2</a>
<a href="#" class="list-group-item">Link Test 3</a>
</div>
</div>
</div>
</div>
</body>
</html>
Here in this example Class span has been replaced in this version 3.2.0 by col-xx-number , xx can be lg,md,sm or xs and number between 1 to 12.
