Html 如何防止按钮堆叠？
在我下面的代码中，这是一个非常早期的草稿，我基本上是在尝试对一些事情进行定位。我得到了一般流程减去最后两部分，但我遇到了一个问题 由于bootstrap，一切都响应良好，但是当浏览器变得足够小时，按钮就会堆叠起来。如果你去“google.com”，而不是堆叠页面，它只会被剪掉，我认为这看起来更好（但它仍然会适应浏览器窗口的大小） 当浏览器窗口很小的时候，我如何修改我的代码来做同样的事情，或者至少不会看起来像一团乱麻？还有什么想法吗？我本质上不是一个设计师，所以可能在某一点之后剪掉页面不是一个好办法Html 如何防止按钮堆叠？,html,twitter-bootstrap,css,twitter-bootstrap-3,Html,Twitter Bootstrap,Css,Twitter Bootstrap 3,在我下面的代码中，这是一个非常早期的草稿，我基本上是在尝试对一些事情进行定位。我得到了一般流程减去最后两部分，但我遇到了一个问题 由于bootstrap，一切都响应良好，但是当浏览器变得足够小时，按钮就会堆叠起来。如果你去“google.com”，而不是堆叠页面，它只会被剪掉，我认为这看起来更好（但它仍然会适应浏览器窗口的大小） 当浏览器窗口很小的时候，我如何修改我的代码来做同样的事情，或者至少不会看起来像一团乱麻？还有什么想法吗？我本质上不是一个设计师，所以可能在某一点之后剪掉页面不是一个好办
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="css/bootstrap.css" rel="stylesheet">
<title>Noted!</title>
</head>
<body>
<section class='container-fluid'>
<div class='row-fluid'>
<div class='col-md-4'>
<h1>logo</h1>
</div>
<div class='col-md-4 col-md-offset-4'>
<button>login</button>
</div>
</div>
</section>
<section class='container'>
<div class='text-center'>
<h1>motto here</h1>
</div>
<div class='row' class='text-center'>
<div class='col-md-3 col-md-offset-3'>
<button>facebook button</button>
</div>
<div class='col-md-3'>
<button>twitter button</button>
</div>
</div>
</section>
<section class='container'>
<h1>about us and icons</h1>
</section>
<section class='container-fluid'>
<h1>footer mate</h1>
</section>
</body>
<!-- don't forget to link the angular file -->
</html>
注意！
标志
登录
这里的座右铭
facebook按钮
推特按钮
关于我们和偶像
脚部配合
它不一定是“最佳”选项，因为您的响应性设计无法适应特定的屏幕尺寸（这意味着您遇到了更大的问题），但是，在找到更好的总体设计之前，这是一个简单的解决方案。如果不希望在小型设备上堆叠东西，请使用
col xs-*col md-*请注意，引导并不关心您在哪种类型的计算机上，这些类只应用屏幕宽度。有关引导正在执行的宽度查询的更多信息，请参阅。如果不希望在小型设备上堆叠内容，请使用
col xs-*col md-*请注意，引导并不关心您在哪种类型的计算机上，这些类只应用屏幕宽度。有关引导正在执行的宽度查询的更多信息，请参阅。如果不希望在小型设备上堆叠内容，请使用
col xs-*col md-*请注意，引导并不关心您在哪种类型的计算机上，这些类只应用屏幕宽度。有关引导正在执行的宽度查询的更多信息，请参阅。如果不希望在小型设备上堆叠内容，请使用
col xs-*col md-*请注意，引导并不关心您在哪种类型的计算机上，这些类只应用屏幕宽度。有关bootstrap正在执行的宽度查询的更多信息，请参阅。当前所有按钮分区的设计都考虑了中等屏幕大小。因此，您需要在添加的同时添加。 记住，xs代表超小型 请查看以下链接：
这就解释了Twitter Bootstrap所使用的网格系统。目前所有的按钮分区都是根据中等屏幕大小设计的。因此，您需要在添加的同时添加。 记住，xs代表超小型 请查看以下链接：
这就解释了Twitter Bootstrap所使用的网格系统。目前所有的按钮分区都是根据中等屏幕大小设计的。因此，您需要在添加的同时添加。 记住，xs代表超小型 请查看以下链接：
这就解释了Twitter Bootstrap所使用的网格系统。目前所有的按钮分区都是根据中等屏幕大小设计的。因此，您需要在添加的同时添加。 记住，xs代表超小型 请查看以下链接：
这解释了Twitter引导使用的网格系统。您是否尝试使用
col xs-*col md-*col xs-*col xs-*col md-*col xs-*col xs-*col md-*col xs-*