implemented so that the classes changed to a bootstrap utility

src/client/styles/scss/_layout_growi.scss

@@ -23,13 +23,6 @@
     }
   }
 
-  .grw-page-content {
-    justify-content: space-between;
-    .grw-page-content-container {
-      width: 100%;
-    }
-  }
-
   .revision-toc {
     position: sticky;
     // growisubnavigation + grw-navbar-boder

src/server/views/layout-growi/page.html

@@ -6,18 +6,18 @@
 
 
 {% block content_main %}
-  <div class="grw-page-content d-flex">
+  <div class="d-flex justify-content-between">
 
-    <div class="grw-page-content-container">
+    <div class="grw-page-content-container w-100">
 
       {% include '../widget/page_content.html' %}
 
     </div>
 
     <div class="d-none d-lg-block revision-toc-container">
-        <div id="revision-toc" class="revision-toc mt-3 sps sps--abv" data-sps-offset="123">
-          <div id="revision-toc-content" class="revision-toc-content"></div>
-        </div>
+      <div id="revision-toc" class="revision-toc mt-3 sps sps--abv" data-sps-offset="123">
+        <div id="revision-toc-content" class="revision-toc-content"></div>
+      </div>
     </div>
 
   </div>

src/server/views/layout-growi/page_list.html

@@ -6,9 +6,9 @@
 
 
 {% block content_main %}
-  <div class="grw-page-content d-flex">
+  <div class="d-flex justify-content-between">
 
-    <div class="grw-page-content-container">
+    <div class="grw-page-content-container w-100">
 
       {% include '../widget/page_content.html' %}
 

src/server/views/layout-growi/shared_page.html

@@ -15,13 +15,13 @@
 
 {% block content_main %}
   <div
-    class="grw-page-content d-flex"
+    class="d-flex justify-content-between"
     id="is-shared-page"
     data-share-link-expired-at="{% if sharelink.expiredAt %}{{ sharelink.expiredAt|datetz('Y/m/d H:i:s')}}{% endif %}"
     data-share-link-created-at="{{ sharelink.createdAt|datetz('Y/m/d H:i:s')}}"
   >
     {% block content_page %}
-      <div class="grw-page-content-container">
+      <div class="grw-page-content-container w-100">
         <div id="share-link-alert"></div>
 
         {% include '../widget/page_content.html' %}

src/server/views/layout-growi/user_page.html

@@ -11,8 +11,8 @@
     </div>
   </div>
 
-  <div class="grw-page-content d-flex">
-    <div class="grw-page-content-container">
+  <div class="d-flex justify-content-between">
+    <div class="grw-page-content-container w-100">
 
       {#
         #   Because this block has content like 'Bookmarks' or 'Recent Created' whose height changes dynamically,