Html 如何在Bootstrap3的网格中对齐（上、下、右、左）内容

我有一行有两个相等的列（

.col-md-6

）。第一列有一个图像。第二个有一点文字

我想像这样对齐第二个：

bottom:0；右：0

。为了做到这一点，我必须做

position:absolute和行上的位置：相对。但是，它可以工作，但当窗口变为
sm
-小尺寸时，它不能正确流动。它只是挤在一起，而不是形成两排没有反应的

这是我的代码：

<div class="row hidden-xs">
    <div class="col-md-6">
        <img class="img-responsive" style="max-width: 440px;" src="logo.png">
    </div>
    <div class="col-md-6" style="text-align: right; padding-right: 0px; margin-right: 0px; vertical-align: baseline; bottom:0px">
        <p style="text-align: right;">a little bit of text. text. text</p>
    </div>

</div>

我希望这样，并且响应迅速，因此当窗口缩小时，文本将生成自己的行

000000000    
0       0
0       0         000000
000000000        0000000

还要注意对齐

我试过，研究了几个小时，但没能弄明白。谢谢
更新：

CSS中的
@media
也可以实现同样的效果


原创

谢谢你的努力。我得到了它！我必须使用javascript，这段代码与jQuery一起使用：

$(document).ready(function(){

    function window_size() {

        width=window.innerWidth
        || document.documentElement.clientWidth
        || document.body.clientWidth;

        height=window.innerHeight
        || document.documentElement.clientHeight
        || document.body.clientHeight;

        if(width<992) {
            $('.head-row').css('position', 'static');
            $('.text').css('position', 'relative');
        }
        else {
            $(".head-row").css("position", "relative");
            $(".text").css("position", "absolute");
        }


    };
    window_size();
    $(window).resize(window_size);  

});

$（文档）.ready（函数（）{
函数窗口大小（）{
宽度=window.innerWidth
||document.documentElement.clientWidth
||document.body.clientWidth；
高度=窗内高度
||document.documentElement.clientHeight
||document.body.clientHeight；
如果（你使用不同的浏览器会得到相同的结果吗？相对/绝对位置似乎符合你的要求/说法，请参见：@DanAndrews，这只会使它失去定位。它只会出现在页面的左上角。）column@BassJobsen你说的我已经试过了看看第二个paragraph@jasonszhao是的，我读了第二页但是我看不到你在我的引导中描述的问题，或者我不理解你的问题。
$(document).ready(function(){

    function window_size() {

        width=window.innerWidth
        || document.documentElement.clientWidth
        || document.body.clientWidth;

        height=window.innerHeight
        || document.documentElement.clientHeight
        || document.body.clientHeight;

        if(width<992) {
            $('.head-row').css('position', 'static');
            $('.text').css('position', 'relative');
        }
        else {
            $(".head-row").css("position", "relative");
            $(".text").css("position", "absolute");
        }


    };
    window_size();
    $(window).resize(window_size);  

});