moved most span12 and span9 over to BS3; img-polaroid to img-thumbnail

public/css/category.less

@@ -23,7 +23,7 @@
 	}
 
 	ul {
-		margin-left: 0;
+		margin-left: -25px;
 	}
 
 	.thread-rating {
@@ -198,7 +198,7 @@
 		}
 		.block-content {
 			padding: 10px;
-			.img-polaroid {
+			.img-thumbnail {
 				width: 20%;
 				height: auto;
 				max-width: 48px;
@@ -209,7 +209,7 @@
 		padding: 0;
 		margin-bottom: 20px;
 
-		.img-polaroid {
+		.img-thumbnail {
 			margin-top: 2px;
 
 		}

public/src/forum/category.js

@@ -83,7 +83,7 @@
 			li.setAttribute('data-pid', posts[i].pid);
 
 
-			li.innerHTML =	'<a href="/users/' + posts[i].userslug + '"><img title="' + posts[i].username + '" style="width: 48px; height: 48px; /*temporary*/" class="img-polaroid" src="' + posts[i].picture + '" class="" /></a>' +
+			li.innerHTML =	'<a href="/users/' + posts[i].userslug + '"><img title="' + posts[i].username + '" style="width: 48px; height: 48px; /*temporary*/" class="img-thumbnail" src="' + posts[i].picture + '" class="" /></a>' +
 								'<a href="/topic/'+ posts[i].topicSlug + '#' + posts[i].pid + '">' +
 									'<p>' +
 										'<strong>' + posts[i].username + '</strong>: ' + posts[i].content +

public/templates/account.tpl

@@ -10,7 +10,7 @@
 	<div class="row-fluid">
 		<div class="span2 account-block" style="text-align: center; margin-bottom:20px;">
 			<div class="account-picture-block">
-				<img src="{picture}" class="user-profile-picture img-polaroid"/>
+				<img src="{picture}" class="user-profile-picture img-thumbnail"/>
 			</div>
 			<div class="account-online-status">
 				<span><i class="icon-circle-blank"></i> <span>offline</span></span>
@@ -82,7 +82,7 @@
 
 		<div class="span6 user-recent-posts">
 			<!-- BEGIN posts -->
-			<div class="topic-row img-polaroid clearfix" topic-url="topic/{posts.tid}/#{posts.pid}">
+			<div class="topic-row img-thumbnail clearfix" topic-url="topic/{posts.tid}/#{posts.pid}">
 				<span>{posts.content}</span>
 				<span class="pull-right">{posts.relativeTime} ago</span>
 			</div>

public/templates/accountedit.tpl

@@ -11,13 +11,13 @@
 		<div class="modal-body">
 
 			<div id="gravatar-box">
-				<img id="user-gravatar-picture" src="" class="img-polaroid user-profile-picture">
+				<img id="user-gravatar-picture" src="" class="img-thumbnail user-profile-picture">
 				<span class="user-picture-label">Gravatar</span>
 				<i class='icon-ok icon-2x'></i>
 			</div>
 			<br/>
 			<div id="uploaded-box">
-				<img id="user-uploaded-picture" src="" class="img-polaroid user-profile-picture">
+				<img id="user-uploaded-picture" src="" class="img-thumbnail user-profile-picture">
 				<span class="user-picture-label">Uploaded picture</span>
 				<i class='icon-ok icon-2x'></i>
 			</div>
@@ -70,7 +70,7 @@
 	<div class="row-fluid">
 		<div class="span2" style="text-align: center; margin-bottom:20px;">
 			<div class="account-picture-block text-center">
-				<img id="user-current-picture" class="user-profile-picture img-polaroid" src="{picture}" /><br/>
+				<img id="user-current-picture" class="user-profile-picture img-thumbnail" src="{picture}" /><br/>
 				<a id="changePictureBtn" href="#" class="btn btn-primary">change picture</a>
 			</div>
 		</div>

public/templates/admin/header.tpl

@@ -65,7 +65,7 @@
 	
 	<div class="container-fluid">
 		<div class="row-fluid">
-			<div class="span3">
+			<div class="col-md-3">
 				<div class="well sidebar-nav">
 					<ul class="nav nav-list">
 						<li class="nav-header">NodeBB</li>

public/templates/admin/users.tpl

@@ -18,7 +18,7 @@
 	<!-- BEGIN users -->
 	<div class="users-box" data-uid="{users.uid}" data-admin="{users.administrator}" data-username="{users.username}" data-banned="{users.banned}">
 		<a href="/users/{users.userslug}">
-			<img src="{users.picture}" class="img-polaroid"/>
+			<img src="{users.picture}" class="img-thumbnail"/>
 		</a>
 		<br/>
 		<a href="/users/{users.userslug}">{users.username}</a>

public/templates/category.tpl

@@ -31,14 +31,14 @@
 		<ul id="topics-container">
 		<!-- BEGIN topics -->
 		<a href="../../topic/{topics.slug}"><li class="category-item {topics.deleted-class}">
-			<div class="row-fluid">
+			<div class="row">
 				<!-- <div class="span1 thread-rating hidden-xs hidden-sm">
 					<span>
 						<i class="icon-star icon-3x"></i><br />
 						38
 					</span>
 				</div> -->
-				<div class="span12 topic-row">
+				<div class="col-md-12 topic-row">
 					<div class="latest-post visible-lg visible-md">
 						<div class="pull-right">
 							<img style="width: 48px; height: 48px; /*temporary*/" src="{topics.teaser_userpicture}" />
@@ -60,9 +60,9 @@
 		<!-- END topics -->
 		</ul>
 	</div>
-	<div class="span3 {show_sidebar} category-sidebar mobile-sidebar">
+	<div class="col-md-3 {show_sidebar} category-sidebar mobile-sidebar">
 
-		<div class="sidebar-block img-polaroid">
+		<div class="sidebar-block img-thumbnail">
 			<div class="block-header">
 				Recent Replies
 			</div>
@@ -70,23 +70,23 @@
 				<ul id="category_recent_replies"></ul>
 			</div>
 		</div>
-		<div class="sidebar-block img-polaroid">
+		<div class="sidebar-block img-thumbnail">
 			<div class="block-header">
 				Active Participants
 			</div>
 			<div class="block-content">
 				<!-- BEGIN active_users -->
-				<a href="/users/{active_users.userslug}"><img title="{active_users.username}" src="{active_users.picture}" class="img-polaroid" /></a>
+				<a href="/users/{active_users.userslug}"><img title="{active_users.username}" src="{active_users.picture}" class="img-thumbnail" /></a>
 				<!-- END active_users -->
 			</div>
 		</div>
-		<div class="sidebar-block img-polaroid {moderator_block_class}">
+		<div class="sidebar-block img-thumbnail {moderator_block_class}">
 			<div class="block-header">
 				Moderators
 			</div>
 			<div class="block-content">
 				<!-- BEGIN moderators -->
-				<a href="/users/{moderators.userslug}"><img title="{moderators.username}" src="{moderators.picture}" class="img-polaroid" /></a>
+				<a href="/users/{moderators.userslug}"><img title="{moderators.username}" src="{moderators.picture}" class="img-thumbnail" /></a>
 				<!-- END moderators -->
 			</div>
 		</div>

public/templates/favourites.tpl

@@ -12,9 +12,9 @@
 	<div id="no-favourites-notice" class="alert alert-warning {show_nofavourites}">You don't have any favourites, favourite some posts to see them here!</div>
 
 	<div class="row-fluid">
-		<div class="span12 user-favourite-posts">
+		<div class="col-md-12 user-favourite-posts">
 			<!-- BEGIN posts -->
-			<div class="topic-row img-polaroid clearfix" topic-url="topic/{posts.tid}/#{posts.pid}">
+			<div class="topic-row img-thumbnail clearfix" topic-url="topic/{posts.tid}/#{posts.pid}">
 				<span><strong>{posts.username}</strong> : </span>
 				<span>{posts.content}</span>
 				<div>

public/templates/followers.tpl

@@ -12,7 +12,7 @@
 		<!-- BEGIN followers -->
 		<div class="users-box">
 			<a href="/users/{followers.userslug}">
-				<img src="{followers.picture}" class="img-polaroid"/>
+				<img src="{followers.picture}" class="img-thumbnail"/>
 			</a>
 			<br/>
 			<a href="/users/{followers.userslug}">{followers.username}</a>

public/templates/following.tpl

@@ -12,7 +12,7 @@
 		<!-- BEGIN following -->
 		<div class="users-box">
 			<a href="/users/{following.userslug}">
-				<img src="{following.picture}" class="img-polaroid"/>
+				<img src="{following.picture}" class="img-thumbnail"/>
 			</a>
 			<br/>
 			<a href="/users/{following.userslug}">{following.username}</a>

public/templates/noscript/category.tpl

@@ -8,7 +8,7 @@
 			<li>
 				<a href="../../topic/{topics.slug}">{topics.title} ({topics.postcount})</a>
 				<div class="teaser">
-					<img class="img-polaroid" src="../../graph/users/{topics.teaser_username}/picture" />
+					<img class="img-thumbnail" src="../../graph/users/{topics.teaser_username}/picture" />
 					<p>
 						{topics.teaser_text} &mdash; {topics.teaser_timestamp} ago
 					</p>

public/templates/recent.tpl

@@ -19,7 +19,7 @@
 		<a href="../../topic/{topics.slug}" id="tid-{topics.tid}">
 			<li class="category-item {topics.deleted-class}">
 				<div class="row-fluid">
-					<div class="span12 topic-row img-polaroid">
+					<div class="col-md-12 topic-row img-thumbnail">
 						<div class="latest-post visible-lg visible-md">
 							<div class="pull-right">										
 								<img style="width: 48px; height: 48px; /*temporary*/" src="{topics.teaser_userpicture}" />

public/templates/search.tpl

@@ -8,13 +8,13 @@
 </div>
 
 <div class="category row">
-	<div class="span12">
+	<div class="col-md-12">
 		<ul id="topics-container" data-search-query="{search_query}">
 		<!-- BEGIN topics -->
 		<a href="../../topic/{topics.slug}" id="tid-{topics.tid}">
 			<li class="category-item">
 				<div class="row-fluid">
-					<div class="span12 img-polaroid">
+					<div class="col-md-12 img-thumbnail">
 						<div class="search-result-post">
 							<img src="{topics.teaser_userpicture}" />
 							<strong>{topics.teaser_username}</strong>: <span class="search-result-text">{topics.title}</span>
@@ -29,7 +29,7 @@
 		<a href="../../topic/{posts.topicSlug}#{posts.pid}" id="tid-{posts.tid}">
 			<li class="category-item">
 				<div class="row-fluid">
-					<div class="span12 img-polaroid">
+					<div class="col-md-12 img-thumbnail">
 						<div class="search-result-post">
 							<img src="{posts.picture}" />
 							<strong>{posts.username}</strong>: <span class="search-result-text">{posts.content}</span>

public/templates/topic.tpl

@@ -18,10 +18,10 @@
 	<!-- BEGIN main_posts -->
 		<a id="post_anchor_{main_posts.pid}" name="{main_posts.pid}"></a>
 		<li class="row post-row main-post" data-pid="{main_posts.pid}" data-uid="{main_posts.uid}" data-deleted="{main_posts.deleted}">
-			<div class="span12">
+			<div class="col-md-12">
 				<div class="post-block">
 					<a class="main-avatar" href="/users/{main_posts.userslug}">
-						<img src="{main_posts.picture}" align="left" class="img-polaroid"/><br />
+						<img src="{main_posts.picture}" align="left" class="img-thumbnail"/><br />
 						<div class="hover-overlay">
 							{main_posts.username}<br />
 							<i class="icon-star"></i><span class="user_rep_{main_posts.uid}">{main_posts.user_rep}</span>
@@ -79,7 +79,7 @@
 			<div class="span1 profile-image-block hidden-xs hidden-sm">
 				<!--<i class="icon-spinner icon-spin icon-2x pull-left"></i>-->
 				<a href="/users/{posts.userslug}">
-					<img src="{posts.picture}" align="left" class="img-polaroid"/>
+					<img src="{posts.picture}" align="left" class="img-thumbnail"/>
 				</a>
 				<div class="stats">
 					<i class="icon-star"></i><span class="user_rep_{posts.uid} formatted-number">{posts.user_rep}</span>
@@ -87,7 +87,7 @@
 				</div>
 				<span class="label label-important {posts.show_banned}">banned</span>			
 			</div>
-			<div class="span11 span12-tablet">
+			<div class="span11 col-md-12-tablet">
 				<div class="post-block speech-bubble">
 					<div id="content_{posts.pid}" class="post-content">{posts.content}</div>
 					<div id="images_{posts.pid}" class="post-images">

public/templates/unread.tpl

@@ -23,7 +23,7 @@
 		<a href="../../topic/{topics.slug}" id="tid-{topics.tid}">
 			<li class="category-item {topics.deleted-class}">
 				<div class="row-fluid">
-					<div class="span12 topic-row img-polaroid">
+					<div class="col-md-12 topic-row img-thumbnail">
 						<div class="latest-post visible-lg visible-md">
 							<div class="pull-right">										
 								<img style="width: 48px; height: 48px; /*temporary*/" src="{topics.teaser_userpicture}" />

public/templates/users.tpl

@@ -18,7 +18,7 @@
 		<!-- BEGIN users -->
 		<div class="users-box">
 			<a href="/users/{users.userslug}">
-				<img src="{users.picture}" class="img-polaroid"/>
+				<img src="{users.picture}" class="img-thumbnail"/>
 			</a>
 			<br/>
 			<a href="/users/{users.userslug}">{users.username}</a>

src/categories.js

@@ -35,7 +35,7 @@ var	RDB = require('./redis.js'),
 					'show_sidebar' : 'show',
 					'show_topic_button': 'inline-block',
 					'no_topics_message': 'hidden',
-					'topic_row_size': 'span9',
+					'topic_row_size': 'col-md-9',
 					'category_id': category_id,
 					'active_users': [],
 					'topics' : [],