Html 中央引导按钮

Html 中央引导按钮,html,css,twitter-bootstrap,center,Html,Css,Twitter Bootstrap,Center,面板中的引导按钮居中时出现问题。“左右边距自动”不起作用。 有没有办法使按钮正确居中?由于移动秤的原因,按钮需要居中 代码: 您可以简单地将“中心块”类添加到按钮 e、 g <button class = "center-block">Test</button> 测试 您只需将“中间块”类添加到按钮即可 e、 g <button class = "center-block">Test</button> 测试 这对我来说总是最好的。当使用引导时

面板中的引导按钮居中时出现问题。“左右边距自动”不起作用。 有没有办法使按钮正确居中?由于移动秤的原因,按钮需要居中

代码:

您可以简单地将“中心块”类添加到按钮

e、 g

<button class = "center-block">Test</button>
测试
您只需将“中间块”类添加到按钮即可

e、 g

<button class = "center-block">Test</button>
测试

这对我来说总是最好的。当使用引导时,它可以完美地工作

#button{
display: table; margin: 0 auto;
}

这对我来说总是最好的。当使用引导时,它可以完美地工作

#button{
display: table; margin: 0 auto;
}

将按钮父级(.n_monitor.panel body)上的文本居中放置


将按钮父级(.n_monitor.panel body)上的文本居中放置

将引导程序的
文本中心
添加到
面板主体

@导入url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
.n_监视器面板{
宽度:100%;
边框:实心1px#ebebebeb;
边框左上半径:0px;
边框右上角半径:0px;
边框左下半径:3px;
边框右下半径:3px;
高度:94px;
盒影:无;
保证金:0;
背景色:#F4;
左边距:自动;
右边距:自动;
}
.n_monitor.btn{
宽度:126px;
高度:54px;
背景色:#3baed8;
边界:无;
颜色:#fff;
字体大小:14px;
边界半径:3px;
}

服务器1
切换下拉列表
将引导程序的
文本中心添加到
.panel body

@导入url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
.n_监视器面板{
宽度:100%;
边框:实心1px#ebebebeb;
边框左上半径:0px;
边框右上角半径:0px;
边框左下半径:3px;
边框右下半径:3px;
高度:94px;
盒影:无;
保证金:0;
背景色:#F4;
左边距:自动;
右边距:自动;
}
.n_monitor.btn{
宽度:126px;
高度:54px;
背景色:#3baed8;
边界:无;
颜色:#fff;
字体大小:14px;
边界半径:3px;
}

服务器1
切换下拉列表

谢谢!没有你,我会很痛苦。吃块饼干。谢谢没有你,我会很痛苦。吃块饼干。
.n_monitor .panel-body
{
    text-align: center;
}