Css 响应卡引导器4

我有两列在一行里面， col-sm-9 col-xs-11用于我的主 col-sm-3 col-xs-1侧边栏位于我的侧边栏的画布外。 在我的主栏里面，我有卡片来显示我的帖子，但是当我把我的卡片放在其他栏里面，一行显示3个帖子时，我的分页按钮会出现在我的卡片里面，每行显示一张卡片

.card{
浮动：对；
宽度：31%；
保证金：5x10px 10px 10px；
}
.卡img{
高度：200px；
}
.名片名称{
字体大小：16px；
文本对齐：右对齐；
边缘顶部：10px；
右边距：5px；
}
.卡片标题a{
文字装饰：无；
颜色：#343A4；
}
.卡片作者{
颜色：#908E99；
字体大小：11px；
右边距：5px；
}
.卡片作者a{
文字装饰：无；
}
.卡片作者a：悬停{
颜色：#343A4；
}
.信用卡日期{
颜色：#908E99；
字体大小：11px；
右边距：5px；
}
.卡日期a{
文字装饰：无；
}
.卡片内容{
浮动：对；
宽度：100%；
填充：5px10px0；
字体大小：14px；
线高：2；
}
.readmore{
浮动：对；
}
.阅读更多{
背景：343a40无重复滚动0；
颜色：#ffffff；
边框：1px实心#1b1c20；
边界半径：3px；
填充：2x10px；
右边距：1px；
文字装饰：无；
}

“alt=”卡片图像“/>
توسط : 

问题不是很清楚。你能澄清、清理代码并创建一个最小的示例吗？这是我的index.php，在第行中，col是我的帖子内容，我们如何制作响应卡元素？在小屏幕中，我的分页移动到卡的一侧，我的卡在小屏幕中没有响应，所以我希望我的分页保持在底部我的卡和不移动顶部，第二个是使响应卡显示在小屏幕上