Bootstrap 4 需要对齐按钮,使其始终显示在使用bootstrap 4搜索的中心下方

Bootstrap 4 需要对齐按钮,使其始终显示在使用bootstrap 4搜索的中心下方,bootstrap-4,Bootstrap 4,我想确保重置按钮始终位于搜索的中心。我该如何实现这一目标。这也是利用Bootstrap4类,所以我不确定该如何处理。到目前为止,我只是在按钮上应用了左边距样式,但我需要一些更灵活的东西。 .模态体{ /*100%=对话框高度,120px=页眉+页脚*/ 最大高度:计算(100%-120px); 溢出y:滚动; } 身体{ 保证金:0; 字体系列:Arial、Helvetica、无衬线字体; } * { 大纲:无; 框大小:边框框; } .集装箱{ 保证金:0自动; 宽度:100%; 最大宽度:

我想确保重置按钮始终位于搜索的中心。我该如何实现这一目标。这也是利用Bootstrap4类,所以我不确定该如何处理。到目前为止,我只是在按钮上应用了左边距样式,但我需要一些更灵活的东西。

.模态体{
/*100%=对话框高度,120px=页眉+页脚*/
最大高度:计算(100%-120px);
溢出y:滚动;
}
身体{
保证金:0;
字体系列:Arial、Helvetica、无衬线字体;
}
* {
大纲:无;
框大小:边框框;
}
.集装箱{
保证金:0自动;
宽度:100%;
最大宽度:500px;
}
.容器.搜索框{
填充:10px;
利润率:20px0;
边框:1px纯黑;
边界半径:5px;
}
.集装箱.时间表{
位置:相对位置;
左边框:1px纯黑;
}
.容器.时间线.日期{
显示:内联块;
边框:1px纯黑;
边界半径:5px;
填充物:5px;
位置:相对位置;
左:15px;
利润率:15px0;
}
.容器.时间线.日期:之前{
内容:“;
位置:绝对位置;
最高:50%;
左-16px;
边框:1px纯黑;
宽度:14px;
}
.container.timeline.article{
位置:相对位置;
左:20px;
盒子阴影:0px 5px 10px 0px rgba(0,0,0,0.2);
边界半径:5px;
填充:10px;
利润率:10px0;
}
.container.timeline.article:悬停{
盒子阴影:0px 5px 10px 0px rgba(0,0,0,0.4);
}
.容器.时间线.文章a{
颜色:绿色;
文字装饰:无;
}
.容器.时间线.文章.文章日期{
字体大小:300;
字体大小:14px;
}
.container.timeline.article.dot{
显示:块;
位置:绝对位置;
宽度:10px;
高度:10px;
边界半径:50%;
背景:绿色;
左:-25.5px;
顶部:计算值(50%-5px);
}
.集装箱{
宽度:1000px!重要;
高度:800px!重要;
}
.刷新{
边界半径:0;
显示:内联块;
宽度:1px;
高度:1px;
盒子阴影:0px 0px 0px 0px 0px RG巴(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0px 12px rgba(0,0,0,0),0px 13px rgba(0,0,0,0),0px 14px rgba(0,0,0,0)0,0,0,0,0,0,0,0,0,0,0,0,0,(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0 x 11px rgba(0,0,0,0),1px 12px rgba(0,0,0),1px 13px rgba(0,0,0),1px 14px rgba(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2px 10px rgba(0,0,0,0.65),2px 11px rgba(0,0,0,0.31),2px 12px rgba(0,0,0,0)10,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0。25,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0。25,0,0,0,0,0,0,0,0,0,0,0,0,0 0,0,0.69),3px 9px rgba(0,0,0,0.74),3px 10px rgba(0,0,0,0.86),3px 11px rgba(0,0,0,0,0,0,0,0,0,0,0.6),3px 13px rgba(0,0,0,0,0,0,0,0,0,0,0.06),3px 14px rgba(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0.43),4px 7px rgba(0,0,0,0),4px 8px rgba(0,0,0,0),4px 9px rgba(0,0,0,0)(0,0,0,0,0,0,0,0,0,0.69),4px 12px rgba(0,0,0,0,0,0,0,0,0,0.86),4px 13px rgba(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),0,0,0,0,0,0,0,0,(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,BA(0,0,0,0.25),5px 6px rgba(0,0,0,0),5px 7px rgba(0,0,0),5px 8px rgba0,0,0,0,0,0,(0,0,0,0,0,0,0,0,(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),5px 15px 15p15px 15px(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0.86),6px 4px rgba(0,0,0,0.6),6px 5px rgba(0,0,0,0),6px 6px rgba(0,0,0,0)(0,0,0,0,0,0,0,0),6 PX 8 PX 8 PX rgba(0,0,0,0,0,0,0,0),6 PX 9 PX 9 PX rgba(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0.86),6 PX13 PX13 PX13 PX13 PX13 PX(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0.86,0,0,0,0,0,0,0,0,0,0.86,0,0,0,0,0,0,7px2pxRGBA(0,0,0,0.43),7px3