Bruce responsive enhancement

bruce/macro-comments.ftl

@@ -1,5 +1,6 @@
 <#macro comments commentList article>
 <div class="row" id="comments">
+    <div class="col-sm-12">
         <#list commentList as comment>
         <div class="row comment" id="${comment.oId}">
             <img class="col-sm-1" title="${comment.commentName}"
@@ -27,10 +28,11 @@
         </div>
         </#list>
     </div>
+</div>
 
 <#if article.commentable>
 <div class="row cmtForm">
-    <table id="commentForm">
+    <table id="commentForm" class="col-sm-12">
         <tbody>
             <#if !isLoggedIn>
             <tr>
@@ -70,7 +72,7 @@
             </tr>
             <tr>
                 <td colspan="2">
-                    <textarea rows="10" cols="72" id="comment"></textarea>
+                    <textarea rows="10" style="width: 100%;" id="comment"></textarea>
                 </td>
             </tr>
             <#if !isLoggedIn>

bruce/macro-head.ftl

@@ -7,6 +7,7 @@
 <meta name="copyright" content="B3log" />
 <meta name="owner" content="B3log Team" />
 <meta name="revised" content="${blogTitle?html}, ${year}" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />
 <meta http-equiv="Window-target" content="_top" />
 <link type="text/css" rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/bootstrap${miniPostfix}.css?${staticResourceVersion}" charset="utf-8" />
 <link type="text/css" rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/${skinDirName}${miniPostfix}.css?${staticResourceVersion}" charset="utf-8" />