Question

我对css和html有一些了解，但在响应式设计方面有所了解。

我有一个标题，我想创建响应的标题。我需要一些指导方针。我正在使用引导行和列，但响应右侧内容在新行中移位。我想在最小320px宽度的同一行。

移动标题：

enter image description here

桌面标题： enter image description here

我需要一些指导如何实现这一点。

Answer 1

由于您使用的是自举功能，因此您可以将col-sm-*和col-md-*用于其他自适应功能。

对于导航栏，他们已经内置了响应功能。

Look at this Bootply只有默认的bootstrap导航栏。

查看代码（在URL中删除/render），然后从那里开始工作。

Answer 2

您可以使用媒体查询

来完成此操作

 @media(max-width:767px){}
 @media(min-width:768px){}
 @media(min-width:992px){}
 @media(min-width:1200px){}

Answer 3

你可能正在使用bootstrap 3。

由于空间问题，右侧内容可能会转移到新线路。 Bootstrap有navbar-collapse类来处理这个问题。