在bootstrap页面上居中表

我试图使用bootstrap中心表.

这是html:

    

        

            

                
Total votes
                
 = 
                
Voter A
                
 + 
                
Voter B
            
        
        

            

                
{{ total_votes }}
                
 = 
                
{{ total_voter_a }}
                
 + 
                
{{ total_voter_b }}
            
        
    
    

但是,无论我如何调整css,桌子仍然与左边对齐.我确定我错过了一些简单的事情.我还以为container-fluid会让这个表跨越整个页面.

这是css:

.table th {
    text-align: center;
}

.table {
    border-radius: 5px;
    width: 50%;
    float: none;
}

Antonio Smol.. 28

你错过了 margin:auto

.table {
    border-radius: 5px;
    width: 50%;
    margin: 0px auto;
    float: none;
}

例

你错过了 margin:auto

.table {
    border-radius: 5px;
    width: 50%;
    margin: 0px auto;
    float: none;
}

例

将您的CSS更改为:

table{
   margin: 0 auto
}