Question

我做了一个小提琴来解释我的例子：http://jsfiddle.net/ag76W/

我想在底部另一个div使用bootstrap一个div，但这仅在屏幕是移动或平板电脑时才会发生。在正常屏幕中，我的第二个div设置在第一个右边。

<div class="row">
    <div class="col-sm-4 animated bounceInLeft">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-save"></span>
                <span class="panel-title text">titulo</span>
            </div>
        </div>
    </div>
    <div class="col-sm-4 animated bounceInDown">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-save"></span>
                <span class="panel-title text" ng-bind="company.company"/>
                <span class="pull-right" style="margin-left:1em;">
                <span>aaaa</span>                
                <span class="pull-right" style="margin-left:1em;"></span>
            </div>             
        </div>   
    </div>
</div>

有什么想法吗？

Answer 1

我做到了..只在第一个div设置了float none。

复制代码以获得帮助。

<div class="row">
    <div class="col-sm-4 animated bounceInLeft" style="float:none !importnant">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-save"></span>
                <span class="panel-title text">titulo</span>
            </div>
        </div>
    </div>
    <div class="col-lg-4 animated bounceInDown">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-save"></span>
                <span class="panel-title text" ng-bind="company.company"/>
                <span class="pull-right" style="margin-left:1em;">
                <span> aaaa</span>                
                <span class="pull-right" style="margin-left:1em;"></span>
          </div>             
    </div>   
</div>
</div>

底部面板上的Bootstrap面板

1 个答案: