Javascript jquery将全宽更改为盒式布局

我使用的是bootstrap和container类，我得到一个装箱布局（所有内容都在中间）。我想做一个网站，当用户点击一个按钮时，它会变为全宽。我怎么做

我尝试了jquery删除方法

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

$（“按钮”）。单击（函数（）
{
$（“.container”）.remove（）；
}
);

---

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

我认为您需要将容器宽度更改为完全网页。在这种情况下，试试这个

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

$（“按钮”）。在（'click'，function（）上{
$（“.container”）.css（{“宽度”：“100%”，“高度”：“100%”）；
});

你想删除什么人？我什么都不想删除。我只想在用户点击按钮时将一个装箱的网站（比如说960像素宽）转换成全宽的网站。改变高度还有，有什么方法可以禁用css类吗？例如，当用户单击按钮时，.container类被禁用或删除。请回复。使用removeClass（“类名”）方法谢谢。你是最棒的