html - 将侧边栏小部件移动到右侧边栏

标签 html css

在我的网页上:http://moneynest.co.uk/how-to-invest-your-money.html

我有以下侧边栏小部件:

<div class="col-md-4">



                <!-- Blog Categories Well -->
   <div class="blogcta">
<h3 class="hidden-xs">Aged 20-30? Get freedom from money frustration. It's easier than you think.</h3>
<h3 class="hidden-md hidden-lg" style="font-size: 150%;">Aged 20-30? Get freedom from money frustration</h3>
<h4 class="hidden-xs">
Take our free Jumpstart Your Finances class to
kick start your financial future:
</h4>
<h4 class="hidden-md hidden-lg">
  With Our Free 'Jumpstart Your Finances' Class
</h4>
 <div class="text-center blogctahere"><button data-sumome-listbuilder-id="d912bc07-505a-4835-a9f8-4a47449fc2ab" class="text-uppercase btn btn-primary btn-lg btn-bottom">Start Class Now</button></div><div id="popular-articles">
<p class="popular-articles-text">Popular articles</p> 
</div>
    </div>   </div>

</div>

如何将它从页脚中移到右侧边栏中?

谢谢,

山姆

最佳答案

您在 col-lg-8 div 旁边添加一个 col-g-4 div 并将小部件粘贴到那里。

关于html - 将侧边栏小部件移动到右侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37732890/

相关文章:

html - 如何根据具体情况选择退出 CSS 样式?

javascript - 检测 url/链接并用 img 标签替换图像并用 href 替换链接

css - Bootstrap with custom css 如何垂直对齐文本?

html - 使用 CSS 定位段落

javascript - 如何在从字符串构建的 HTML 中设置事件?

javascript - 单击图像时,使 CSS 悬停内容保留在图像上

html 列表链接不起作用

html - 网格中的 Flexbox 边距

javascript - 如何隐藏侧面板,使它们不相互重叠

jquery - 使用 jQuery-UI 的简单可拖动 DIV