Merge pull request #1237 from weseek/support/apply-bst4-userprofile

GW-331 ユーザーページUI　user profile fixed

src/server/views/layout-growi/widget/comments.html

@@ -2,7 +2,7 @@
 
   <div class="page-comments col-lg-7 col-md-9">
 
-    <h4><i class="icon-fw icon-bubbles"></i> Comments</h4>
+    <h4 class="my-2"><i class="icon-fw icon-bubbles"></i> Comments</h4>
 
     <div class="page-comments-list" id="page-comments-list"></div>
 

src/server/views/layout-kibela/widget/comments.html

@@ -2,7 +2,7 @@
 
     <div class="page-comments">
 
-      <h4><i class="icon-fw icon-bubbles"></i> Comments</h4>
+      <h4 class="my-2"><i class="icon-fw icon-bubbles"></i> Comments</h4>
 
       <div class="page-comments-list" id="page-comments-list"></div>
 

src/server/views/widget/user_page_content.html

@@ -1,17 +1,17 @@
-<div class="user-page-content">
-  <ul class="nav nav-tabs user-page-content-menu">
-    <li class="active">
-      <a href="#user-bookmark-list" data-toggle="tab"><i class="icon-star"></i> Bookmarks</a>
+<div class="user-page-content mb-4">
+  <ul class="nav nav-tabs user-page-content-menu mb-4" role="tablist">
+    <li class="nav-item">
+      <a class="nav-link active" href="#user-bookmark-list" role="tab" data-toggle="tab"><i class="icon-star"></i> Bookmarks</a>
     </li>
-    <li>
-      <a href="#user-created-list" data-toggle="tab"><i class="icon-clock"></i> Recently Created</a>
+    <li class="nav-item">
+      <a class="nav-link" href="#user-created-list" role="tab" data-toggle="tab"><i class="icon-clock"></i> Recently Created</a>
     </li>
-    <li>
-      <a href="#user-draft-list" data-toggle="tab"><i class="icon-docs"></i> My Drafts</a>
+    <li class="nav-item">
+      <a class="nav-link" href="#user-draft-list" role="tab" data-toggle="tab"><i class="icon-docs"></i> My Drafts</a>
     </li>
     {% if user._id.toString() == pageUser._id.toString() %}
-    <li>
-      <a href="/me"><i class="icon-wrench"></i> Settings</a>
+    <li class="nav-item">
+      <a class="nav-link" href="/me" role="tab"><i class="icon-wrench"></i> Settings</a>
     </li>
     {% endif %}
   </ul>

src/server/views/widget/user_page_header.html

@@ -4,7 +4,7 @@
     <h4 id="revision-path"></h4>
 
     <div class="users-info d-flex align-items-center">
-      <img src="{{ pageUser|picture }}" class="picture img-circle">
+      <img src="{{ pageUser|picture }}" class="picture rounded-circle">
       <div class="users-meta" style="flex: 1;">
         <div class="d-flex align-items-center">
           <h1>