jquery将全宽更改为盒装布局

时间:2014-05-15 14:48:26

标签: javascript jquery html twitter-bootstrap

我正在使用bootstrap和容器类我得到一个盒装布局(中间的所有内容)。我希望在用户点击按钮时创建一个更改为全宽的网站。我怎么能这样做?

我尝试了jquery删除方法。

<script>
    $( "button" ).click(function() 
        {
            $( ".container" ).remove();
    }
    );
</script>

但它使用.container类删除了div中的所有内容。

1 个答案:

答案 0 :(得分:0)

我认为您希望将容器宽度更改为完全像网页一样。在这种情况下试试这个

<script>
    $("button").on('click',function(){
           $(".container").css({"width":"100%","height":"100%"});
    });
</script>