bootstrap 让没有指定宽度的提示框居中显示

<div class='text-center'  style='position:absolute;top:10px;z-index: 10000;width: 100%;'>
    <div class='alert alert-warning alert-dismissible fade show' style='display: table;width: auto;margin:0 auto'>
    <button type='button' class='close' data-dismiss='alert'>&times;</button>
    <strong>警告</strong>内容
    </div>
</div>

提示框默认没有大小会随着内容的增多而边长

此时需要设置

display:table;

width:auto;

margin:0 auto;

其父元素设置类为text-center