html - I cant divide 1 row from 3 columns in wordpress with footer theme -

i have problem dividing 1 row 3 columns. code actualy good, wondering why didn't work. using child template in wordpress , trying divide footer 3 columns. here code

<div class="footer section large-padding bg-dark">     <div class = "row">         <div class="col-md-3">             <div class="icon-top red-text">             </div>             <div class="zerif-footer-address"><center>company address</center></div>             </div>          <div class="col-md-3">             <div class="icon-top red-text">             </div>             <div class="zerif-footer-address"><center>company address</center></div>             </div>          <div class="col-md-3">             <div class="icon-top red-text">             </div>             <div class="zerif-footer-address"><center>company address</center></div>         </div> </div>     </div> <!-- /footer --> 

my override css parent here :

/* theme name:     hemingway - child theme description:    heminway child theme author:         john template:       hemingway  (optional values can add: theme uri, author uri, version, license, license uri, tags, text domain) */ .credits-inner {     letter-spacing: 1px;     text-transform: initial;     } .footer {     margin-bottom:0px; } .company-details {     width: 33%; } 

the output of code here :

i think not using bootstrap css thats why element not floting left if not using bootstrap apply css

.row{  widht: 100%; } .col-md-4 {   flot:left;   width:33.3333%; }