Bootstrap3:内容响应 [英] Bootstrap3: Content responsive

问题描述

正如你在这个例子中看到的:

As you can see in this example:

http://bootply.com/render/92511

我有一个简单的结构，有两个主要区域:导航和内容.如果您尝试调整浏览器的大小，您可以看到内容仅在某个特定点响应.对于手机视图，内容没有响应，我需要向右移动才能阅读.

I have a simple structure with two main area: navigation and content. If you try to resize the browser you can see that the content is responsive only up to a certain point. For a phone view the content is not responsive and i need to move right the read it.

问题是:无论大小如何，我怎样才能使内容完全响应?

The question is: how can i make that content completely responsive, no matter the size?

谢谢

编辑:这是 Html 和 Css:http://bootply.com/92511

EDIT: Here is the Html and Css: http://bootply.com/92511

推荐答案

你必须从 CSS 中删除 min-width:600px; 并删除 col-md-..，只需使用仅 col-xs-..，因此它可以在任何设备上完全响应

You have to remove the min-width:600px;from CSS and also remove the col-md-.., just use col-xs-.. only, so it would be fully responsive in any device

这篇关于Bootstrap3:内容响应的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！