如何将位置对齐到中间和底部的3个部分？

Question

我正在努力将3个部分放在我想要的全屏页面中，第1个位于页面上方的容器中的链接下方，第2个位于页面中间和第2个部分在底部。

我使用bootstrap和jQuery resize函数。我怎样才能做到这一点并保持立场的响应？

这是我为此http://jsfiddle.net/froszacn/2/

构建的jsfiddle

这是代码

谢谢

<section class="full-screen-mobile">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 text-right">
                <ul class="list-inline text-right inner-nav">
                    <li><a href="https://www.domain.com/">LINK</a>

                    </li>
                    <li><a href="https://www.domain.com/">LINK</a>

                    </li>
                </ul>
            </div>
        </div>
    </div>
    <section class="var-screen">
        <div class="container">
            <div style="margin-left:-15px;margin-top:50px">
                <div class="col-xs-12 col-sm-6  col-md-10 col-lg-12 text-left" style="visibility: visible;">
                    <div class="logo-container">
                        <img id="index-logo" src="https://pbs.twimg.com/profile_images/3667382710/d2d5d04262024df77b1769a3d2c13c00_normal.jpeg">
                    </div>
                    <div style="clear:both;"></div>
                     <h2 style="letter-spacing:-1px;">upper section</h2>

                    <div class="divide-xs"></div>
                    <p class="lead" style="font-size:17px;">upper section<br>------</p>
                    <div class="buttons" id="download-button">
<a class="koumpi windows" href="https://www.domain.com/download">middle section<p class="sub-text">middle section</p>
</a> 
                        <p style="font-size:13px;margin-top:3px;">middle section<br>----</p>
                    </div>
                    <div class="download-apps">
                        <p>bottom section</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
</section>

预期结果

Answer 1

WHERE (subject LIKE 'chef%') AND (dep LIKE 'psy%%')