Javascript 停止引导模板在某一点后收缩

我一直在想，是否有一种方法可以阻止引导程序在某一点后发出刺耳的声音。我喜欢我的网站看起来700像素宽的方式。那么，有没有一种方法可以阻止bootstrap在这一点之后逃避我的html呢？

我认为，正如前面提到的，对于任何不想小于700px的元素，可以将

minwidth

CSS属性设置为

700px

假设您有一个名为“wrapper”的div，它包装了所有页面内容：

<div id="wrapper">
    <!-- All contents in here -->
</div>

注意：如果您使用的是响应式布局，您还必须在

bootstrap responsive.css

文件中注释要禁用的样式

因此，当使用响应式布局时，如果您希望站点显示为700px宽，您还必须在下面对样式进行注释：

@media (min-width: 768px) and (max-width: 979px) {
@media (min-width: 1200px) {
@media (max-width: 480px) {
@media (max-width: 979px) {
@media (min-width: 980px) {

@media (max-width: 767px) {

并将样式的CSS规则（但删除@media和括号）保留在以下位置：

@media (min-width: 768px) and (max-width: 979px) {
@media (min-width: 1200px) {
@media (max-width: 480px) {
@media (max-width: 979px) {
@media (min-width: 980px) {

@media (max-width: 767px) {

---

希望有帮助

该解决方案的唯一问题是子元素不会停止收缩，但除了为每个子元素显式定义min width属性外，还有更简单的方法来阻止子元素收缩吗？如果设置最外部元素的min width（例如“body”标记或“div”包装类标记），内部元素不应小于最小宽度。。。（见）你能举个例子吗？也许Bootstrap做了一些奇怪的事情，但我认为它不应该。我已经在主容器中添加了最大宽度，但是主div中的div仍然可以缩放。如果您使用的是响应式布局（

Bootstrap responsive.css

），我编辑了我的答案。希望你方便。