ThreePerson博客

[threeperson](http://www.threeperson.com)左边栏是基于bootstrap-min.js affix 开发的。开发中发现一个bug，当左边栏内容增多时，发现页面会错乱。查了一下原因，是因为affix控制div滚动效果需要计算div距离footer高度。而footer滚动的高度主要受限于主内容高度。所以在初始化左边栏滚动效果时，需要动态设置右侧主内容区的默认最小高度。 ####错乱效果 ![threeperson左边栏错乱](http://dl2.iteye.com/upload/attachment/0114/2927/f24beb7e-ef9c-

近日小生闲来无事，工作不是太多，利用业余时间学习了一下golang，并学以致用，搭建了个人的博客。 博客后端基于beego framework，前端基于bootstrap。 由于博客功能仍在逐步完善，gopher看了我的博客，发现博文样式不错，问我如何实现的，我在此简单概述一下实现方式。[threeperson](http://www.threeperson.com)博文创建主要依赖Bootstrap Markdown Editor js插件实现。下面贴出主要代码。 * 1）引入依赖css和js ``` <link href="../static/css/bootstrap.

<p><p><p><h2 id="threeperson-">threeperson 左边栏实现描述</h2></p></p></p> <p><p><p><p> 左边栏参考了<a href="http://www.bootcss.com/p/bootstrap-v3/css.html">bootstrap</a>实现方式，下面给出主要的代码片段</p></p></p></p> <p><p><p><h3 id="-html-">左边栏html代码</h3></p></p></p> <pre><code>&lt;div class=&quot;span3 bs-docs-sidebar&q