如何使我的主要博客內容居中？

Question

目前，我的博客分為兩個水平部分。 主要內容和右側邊欄。

我想使主要內容居中，同時減小邊欄的寬度，以便我可以保留它。

我怎樣才能做到這一點？

我嘗試將margin-left:16%到.content但是我相信這是做事的不正確方法。

演示在： https : //www.moneynest.co.uk/how-to-choose-a-broker/

注意：我正在使用Bootstrap運行具有自定義創世紀主題的Wordpress。

我剝離的頁面代碼是：

<html>
<body class="post-template-default single single-post postid-594 single-format-standard logged-in admin-bar no-customize-support nolayout windows chrome override" itemscope itemtype="http://schema.org/WebPage"><div class="site-container">
<div class="site-inner">    
    <div class="content">
        <div id="container">
            <div class="central-container">
                <div class="middle-content">
                <div class="inner-post-head">
                </div>
                    <div class="data-content">
    <!--MAIN CONTENT HERE -->         
                  </div><!-- End .middle-content -->
    </div>
        </div><!-- End #container -->
  </div><!-- End #content -->
     <aside class="sidebar sidebar-primary widget-area" role="complementary" aria-label="Primary Sidebar" itemscope itemtype="http://schema.org/WPSideBar" id="genesis-sidebar-primary"><h2 class="genesis-sidebar-title screen-reader-text">Primary Sidebar</h2><section id="text-9" class="widget widget_text"><div class="widget-wrap">          <div class="textwidget">
 <!--SIDE BAR CONTENT HERE--></div>
  <!--<div id="popular-articles">
    <p class="popular-articles-text">Popular articles</p>
  </div>-->
</div>
</div>
        </div>
<section id="text-10" class="widget widget_text"><div class="widget-wrap"   
        </div></section>
        </div>
        </aside>
<!--END OF SIDEBAR--!>
<!--FOOTER STUFF-->
        </body>
</html>

Answer 1

要使.content div居中，您可以簡單地使用：

.content{
    margin:0 auto;
}

要么

.content {
    margin-left:auto;
    margin-right:auto;
}

“自動”語句可以解決問題。 ;）

Answer 2

確保缺少的支架不會丟東西。 我在代碼中添加了括號（以粗體顯示）

</div>
<section id="text-10" class="widget widget_text"><div class="widget-wrap"**>**   
        </div></section>
        </div>
        </aside>

如何使我的主要博客內容居中？

問題描述

2 個解決方案

解決方案1
3 已采納 2017-01-26 15:29:58

解決方案2
0

如何使我的主要博客內容居中？

問題描述

2 個解決方案

解決方案1 3 已采納 2017-01-26 15:29:58

解決方案2 0

解決方案1
3 已采納 2017-01-26 15:29:58

解決方案2
0