Problem with setColAlign's dhtmlxgrid method using bootstrap

Hi every body i have a code that always put the column aligment center
any ideas? thanks

heres my code:
<%@ Page Language=“C#” AutoEventWireup=“true” CodeBehind=“Bancos.aspx.cs” Inherits=“SubastasGobChih.Bancos” %>

<%-- --%>
<link href="Scripts/dhtmlxGrid/codebase/skins/dhtmlxgrid_dhx_black.css" type="text/css" rel="STYLESHEET" />





<link href="Scripts/dhtmlxGrid/codebase/dhtmlxgrid.css" type="text/css" rel="STYLESHEET" />
<link href="Scripts/dhtmlxGrid/codebase/skins/dhtmlxgrid_dhx_black.css" type="text/css" rel="STYLESHEET" />
<script type="text/javascript" src="scripts/dhtmlxGrid/codebase/dhtmlxcommon.js"></script>
<script type="text/javascript" src="scripts/dhtmlxGrid/codebase/dhtmlxgrid.js"></script>
<script type="text/javascript" src=" scripts/dhtmlxGrid/codebase/dhtmlxgridcell.js"></script>




<style type="text/css">
    .encabezado1
    {
        /*font-family: 'Gotham-book';*/
        font-family: 'Open Sans', sans-serif;
        color:white;
        font-weight: bold;
        font-size: 28px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .even_row {
        background-color: #3399FF;
    }
    .odd_row {
        background-color: #F69A4E;
    }
    div.gridbox {
      -webkit-box-sizing: content-box;
         -moz-box-sizing: content-box;
              box-sizing: content-box;                                    
    }

</style>
<script type="text/javascript">
    var id_banco = -1;
    var banco, representante, user, password;

    var grdBancos;

    


    function clearForm() {
        $("input[type='text']").val('');
        $("input[type='password']").val('');
        id_banco = -1;
        banco = ""; representante = ""; user = ""; password = "";
    }


    $(function () {
        id_banco = -1;
        banco = ""; representante = ""; user = ""; password = "";
        [b]grdBancos = new dhtmlXGridObject("divBancos");
        grdBancos.setStyle("font-size:14px", "font-size:14px");
        grdBancos.setImagePath("scripts/dhtmlxGrid/codebase/imgs/");
        grdBancos.setSkin("dhx_black");
        grdBancos.enableAlterCss("even_row", "odd_row");
        grdBancos.setHeader("Clave,Banco,Representante,Usuario,Contraseña");
        grdBancos.setInitWidths("80,400,400,100,0");
        grdBancos.setColAlign('center,left,left,left,left');
        grdBancos.setColTypes('ro,ro,ro,ro,ro');
        grdBancos.init();[/b]
    });

    function getBancos(){
        var args = '';
        var l = arguments.length;
        for (var i = 0; i < l - 1; i += 2) {
            if (args.length != 0) args += ',';
            args += '"' + arguments[i] + '":"' + arguments[i + 1] + '"';
        }
        var data = "{" + args + "}";
        var loc = window.location.href;
        loc = (loc.substr(loc.length - 1, 1) == "/") ? loc + "Bancos.aspx" : loc;
        try
        {
            $.ajax({
                type: "POST",
                async: false,
                url: loc + "/" + "lookBanco",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: data,
                success: cbgetBancos,
                fail: null,
                error: function (objeto, quepaso, otroobj) {
                    alert("Estas viendo esto por que fallé");
                    alert("Pasó lo siguiente: " + quepaso);
                }
            });
        }
        catch (err) {
        }
    }

    function cbgetBancos(response) {
        grdBancos.clearAll();
        rdo = eval('(' + response.d + ')');
        if (rdo.length > 0) {
            var trow = new Array();
            for (var i = 0; i <= rdo.length - 1; i++) {
                trow[0] = rdo[i].cve_banco;
                trow[1] = rdo[i].des_banco;
                trow[2] = rdo[i].representante;
                trow[3] = rdo[i].uuser;
                trow[4] = rdo[i].password;
                grdBancos.addRow(rdo[i].cve_banco, trow);                    
            }
        }

    }


</script>




    <%--menu--%>

<%--


–%>

Gobierno del Estado - Licitación Pública Nacional
            </td>
            <td style="width:25%; height:100%; text-align:center;">
            </td>
        </tr>
    </table>
</div> 
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12 col-lg-12" id ="divmenu"></div>
    </div>
</div>


<form class="form-horizontal" role="form" id="form1" runat="server">
    <div class="container">
        <div class="form-group row">
            <label for="txtBanco" id="lblBanco" class="col-md-2 control-label">Institución Bancaria :</label>
            <div class="col-md-10">
                <input type="text" id="txtBanco" class="form-control form-control-sm text-uppercase"  placeholder="Nombre del Banco" />
            </div>
        </div>
        <div class="form-group row">
            <label for="txtRepresentante" id="lblRepresentante" class="col-md-2 control-label">Representante :</label>
            <div class="col-md-10">
                <input type="text" id="txtRepresentante" class="form-control form-control-sm text-uppercase"  placeholder="Nombre del Representante" />
            </div>
        </div>
        <div class="form-group row">
            <label for="txtUsuario" id="lblUsuario" class="col-md-2 control-label">Usuario :</label>
            <div class="col-md-4">
                <input type="text" id="txtUsuario" class="form-control form-control-sm"  placeholder="Usuario para entrar al sistema" maxlength="20" />
            </div>
        </div>    
        <div class="form-group row">
            <label for="txtPassword" id="lblPassword" class="col-md-2 control-label">Contraseña :</label>
            <div class="col-md-4">
                <input type="password" id="txtPassword" class="form-control form-control-sm"  placeholder="Introduzca Contraseña" maxlength="20" data-minlength="6" />
            </div>
        </div>        
        <div class="form-group row">
            <label for="txtPassword2" id="lblPassword2" class="col-md-2 control-label">Confirme Contraseña :</label>
            <div class="col-md-4">
                <input type="password" id="txtPassword2" class="form-control form-control-sm"  placeholder="Confirmar Contraseña" maxlength="20" data-minlength="6" />
            </div>
        </div>                                         
        <div class="form-group row">
            <div class="col-md-2">
                <button type="button" class="btn btn-primary" onclick="clearForm();"><span class="glyphicon glyphicon-user"></span> Nuevo </button>
            </div>
            <div class="col-md-2">
                <button type="button" class="btn btn-primary" onclick="getBancos('pdes_banco', '', 'prepresentante', '');"><span class="glyphicon glyphicon-search"></span> Buscar </button>
            </div>
            <div class="col-md-2">
                <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-floppy-disk"></span> Guardar </button>
            </div>
            <div class="col-md-2">
                <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-remove-circle"></span> Eliminar </button>
            </div>
            <div class="col-md-2">
                <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-print"></span> Imprimir </button>
            </div>
        </div> 
        <div class="form-group row">
            <label for="txtsearchBanco" id="lblsearchBanco" class="col-md-2 control-label">Banco :</label>
            <div class="col-md-10">
                <input type="text" id="txtsearchBanco" class="form-control form-control-sm"  placeholder="Teclee Banco a Buscar" style="text-transform: uppercase" />
            </div>
        </div>
        <div class="form-group row">
            <label for="txtsearchRepresentante" id="lblsearchRepresentante" class="col-md-2 control-label">Representante :</label>
            <div class="col-md-10">
                <input type="text" id="txtsearchRepresentante" class="form-control form-control-sm"  placeholder="Teclee Banco a Buscar" style="text-transform: uppercase" />
            </div>
        </div>
        <div class="form-group row">
            <div class="col-sm-12 col-md-12 text-left" >
                [b]<div id ="divBancos" class="gridbox" style="width:100%; height:350px;">

                </div>[/b]
            </div>
        </div>
    </div>
</form>

Please, check your using bootstrap css. Most probably it redefines the alignments for the html table.

Thanks i really appreciate your help