Responsive design 按钮在引导中超出容器

我正在使用Bootstrap3来设计我的网站。在一个大窗口中，我的按钮在其灰色框和边框内显示良好。但是，当我调整窗口大小以检查响应性时，按钮最终会超出容器的边界

这是我的密码：

<div class="col-md-4 col-sm-12 col-xs-12 gray-box top-space">
  <h3><?php echo __("Test");?></h3>
  <p><?php echo __("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in est nec mauris dapibus porta sit amet sit amet diam. Cras sit amet imperdiet elit. Nunc vehicula consectetur augue a pretium.");?></p>
  <a href="/pricing/" class="btn-primary pull-right" ><?php echo __("Test");?></a>
</div>

---

有人知道我做错了什么或需要做什么吗？谢谢

您只是忘了将

btn

类添加到按钮中。除btn默认值（或-primary等）外，按钮始终需要btn类。btn类将元素的样式设置为按钮的样式，btn-*类将应用适当的颜色和悬停样式。

两种解决方案在我的脑海中浮现

1） 在您的

向右拉

重置后，将

.clearfix

抛出：

<div class="btn btn-primary pull-right">Button</div>
<div class="clearfix"></div>

按钮

2） 将按钮放在自己的div中：

<div >
  <a href="" class="btn btn-primary pull-right">Button</a>
</div>

---

此外，无需对

col-xs-12

和

col-sm-12

和

col-md-4

进行分类-默认值为

col-xs-12

，直到它命中其他对象，因此您可以只需执行

col-md-4

即可获得相同的结果。

欢迎使用。您希望我们如何用提供的代码重现问题。。？请提供足够的信息重现问题。或者把它复制成一个小的演示或者类似的东西。。。

<div >
  <a href="" class="btn btn-primary pull-right">Button</a>
</div>