Html 引导按钮填充使按钮看起来好像要通过容器边界

为什么“立即订阅！”按钮会出现在下图中的容器外，我如何使其右边缘与页面的其余部分对齐？（引导网格中的第12列）

我尝试过框大小：边框框，但没有效果

我的HTML代码：

。容器流体{
填充：0；
}
.转盘内部.转盘项目h1{
字体大小：粗体；
字体大小：300%；
/*-webkit文本笔划：1px黑色*/
字体系列：“开放式Sans”，无衬线；
/*文本对齐：右对齐*/
}
.转盘内部.转盘项目img{
滤光片：亮度（50%）；
}
#帕丁格罗{
填充：25px；
}
#填充生长{
填充：100px；
}
#手风琴右对齐{
浮动：对；
}
#我的名片{
浮动：对；
}

订阅我们的时事通讯
现在订阅！

确保容器中的col的边距和填充为零。

---

将图像放入宽度不大于100%的容器中。

引导行有

右边距：-15px；左边距：-15px这就是为什么右边缘没有对齐。尝试添加
mx-0
=
marginleft:0
和
marginright:0
，这是一个引导类。在嵌套行形式中



订阅我们的时事通讯
现在订阅！
我注意到我的按钮不在列div中，所以我制作了两个列div，一个大小为10，一个大小为2，将输入放在第一个，将按钮放在第二个，现在它似乎可以工作了

以下是固定代码：



订阅我们的时事通讯
现在订阅！
您可以发布您已应用的自定义css吗？使用提供的代码，我无法重现css中出现的问题，尽管我想我已经解决了问题：“我注意到我的按钮不在列div中，所以我最终制作了两个列div，一个大小为10，一个大小为2，将输入放在第一个，将按钮放在第二个，现在似乎可以工作了。”我仍然希望您能就我的修复/我的代码提供一般性建议。我在原始帖子中添加了代码的修复版本。我回滚并删除了您的修复。请将其添加为anwser，解释您的修复，并将其作为解决方案进行检查。很高兴知道，我已将代码添加到我的答案中。在我将我的评论标记为解决方案之前有两天的时间，所以我必须等待。我注意到我的按钮不在列div中，我制作了两个列div，一个大小为10，一个大小为2，将输入放在第一个，将按钮放在第二个，现在它似乎工作了。但出于好奇，我会如何实施你的建议？事实上我也注意到了这个细节，但是边距：0使得表单比预期的要小。大家好，欢迎来到SO。anwser应该是100%确定的解决方案。您添加了对问题的解释，但没有解决方案。请添加一个实际的解决方案，最好使用一个工作代码段（Ctrl+M）对其进行验证。我进一步解释并添加了代码段@ClulessThank，这使得按钮在右侧对齐，但结果表单现在在左侧略微缩进。下面是一个例子：。我认为我评论的修复已经足够了。@clunless很抱歉回复太晚，我认为这是因为行内的
col
。