设置bootstrap中模态框（modal）框的位置（随窗口大小自动居中）

以默认大小的 modal 为例，要做改变宽度其实只需要在 .modal-dialog 样式上做文章就行了。为了简单，我现在直接写在元素标签上了。

关键三点：

• 用 display: inline-block；
• 父节点用 text-center 样式居中；
• 重置宽度 width: auto

全部代码如下： 

    
    
    
    
    
    
    
    
    



    
创建模态框（Modal）
        
        
            开始演示模态框
        
        
        

            

                

                    

                        

                            模态框（Modal）标题
                        
                        
                            ×
                        
                        
                    
                    

                        

                        在这里添加一些文本
                    
                    

                        关闭
                        
                        
                            提交更改