Html Bootstrap 4，搜索栏绝对居中，使其响应迅速
如何在bootstrap 4中将搜索栏居中（在页脚和导航之间水平和垂直），并使其对移动设备做出响应 我试图通过使用自定义样式强制（无引导）来实现这一点 但是，当我这样做时，在小型移动设备中，页脚会出现在搜索栏的顶部，而且似乎反应不是很快Html Bootstrap 4，搜索栏绝对居中，使其响应迅速,html,css,bootstrap-4,Html,Css,Bootstrap 4,如何在bootstrap 4中将搜索栏居中（在页脚和导航之间水平和垂直），并使其对移动设备做出响应 我试图通过使用自定义样式强制（无引导）来实现这一点 但是，当我这样做时，在小型移动设备中，页脚会出现在搜索栏的顶部，而且似乎反应不是很快 //初始化工具提示组件 $（函数（）{ $（'[data toggle=“tooltip”]'）。tooltip（） }) //初始化popover组件 $（函数（）{ $（'[data toggle=“popover”]'）。popover（） }) /*
//初始化工具提示组件
$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）
})
//初始化popover组件
$（函数（）{
$（'[data toggle=“popover”]'）。popover（）
})/*
*导航桅杆
*/
.blog报头{
背景色：#0275D8；
-webkit盒阴影：插入0-2px5pxRGBA（0,0,0,1）；
盒影：插入0-2px5pxRGBA（0,0,0,1）；
}
/*导航链路*/
.博客导航项目{
位置：相对位置；
显示：内联块；
填充：10px；
字号：500；
颜色：#fff；
}
.blog导航项：悬停，
.blog导航项：焦点{
颜色：#fff；
文字装饰：无；
}
/*活动状态在底部有一个插入符号*/
.blog导航.active{
颜色：#fff；
}
.blog导航。活动：之后{
位置：绝对位置；
底部：0；
左：50%；
宽度：0；
身高：0；
左边距：-5px；
垂直对齐：中间对齐；
内容：“；
右边框：5px实心透明；
边框底部：5px实心；
左边框：5px实心透明；
}
* {
边界半径：0！重要；
}
* {
-webkit边界半径：0！重要；
-moz边界半径：0！重要；
边界半径：0！重要；
}
/*
*博客名称和描述
*/
/*
*页脚
*/
.博客页脚{
填充：40px0；
颜色：#999；
文本对齐：居中；
背景色：#f9f9f9；
边框顶部：1px实心#e5；
}
.blog页脚p：最后一个孩子{
页边距底部：0；
}
html{
位置：相对位置；
最小高度：100%；
}
身体{
边缘底部：60px；
}
部分{
填充：70px0；
边框底部：1px点#ccc；
}
.grid示例div[class^=“col”]{
边框：1px纯白；
背景：浅蓝色；
文本对齐：居中；
填充顶部：8px；
垫底：8px；
}
琼伯伦先生{
背景色：淡天蓝；
}
表th{
文本对齐：居中；
}
.桌子{
保证金：自动；
宽度：50%！重要；
}
.表td{
文本对齐：居中；
}
.页脚{
位置：绝对位置；
底部：0；
宽度：100%；
高度：60px；
线高：60px；
颜色：#fff；
文本对齐：居中；
背景色：#0275D8；
}
a{
颜色：#f00；
}
a:悬停{
颜色：#0f0；
}
html，
身体{
溢出x：隐藏；
}
森特雷德先生{
位置：固定；
最高：50%；
左：50%；
/*带上你自己的前缀*/
转换：翻译（-50%，-50%）；
}
引导4模板
走！
在此处放置粘性页脚内容。
走！