Skip to main content
cuerpo editado
Origen Enlace
Edgar Vazquez
  • 1.6k
  • 1
  • 6
  • 11

Hola amigo el problema es que usas xs-6 y eso hace que se parta en dos, el tamaño tenlo en cuenta siempre sera máximo de 12 es decir como pones de a 6 entonces solo puedes tener como máximo dos botones, si quisieras que estén los 4 ahí

entonces divide 412/12=34=3 entonces cada uno debe de ser de 3.

Otro punto xs,md etc son para los tamaños.

Aquí te muestro como quedaría saludos.

<div class="row">
                <div class="col-md-3">
                    <button type="button" class="btn btn-primary" onclick="EnviarCheck()" id="enviarChk">Confirmar lectura</button>
                    <p id="pMensaje"></p>
                </div>
                <div id="div_imprimir" class="col-md-3">
                    <button type="button" class="btn btn-primary" onclick="Imprimir('div_oculto_imprimir')" id="ImprimirImg">Imprimir</button>
                </div>
                <div class="col-md-3">
                    <a href="@Url.Action("ReporteToExcel", "Mi" )" target="_blank" class="btn btn-primary botonExcel" id="btn_pdf"><i class="fas fa-file-excel"></i> Exportar Excel</a>
                </div>
                <div class="col-md-3">
                    <a href="@Url.Action("ExportarPDF", "Mi" )"  class="btn btn-primary botonPDF" id="btn_pdf_comparador_ci"><i class="fas fa-file-pdf"></i>Exportar PDF</a>
                </div>
</div>

introducir la descripción de la imagen aquí

Hola amigo el problema es que usas xs-6 y eso hace que se parta en dos, el tamaño tenlo en cuenta siempre sera máximo de 12 es decir como pones de a 6 entonces solo puedes tener como máximo dos botones, si quisieras que estén los 4 ahí

entonces divide 4/12=3 entonces cada uno debe de ser de 3.

Otro punto xs,md etc son para los tamaños.

Aquí te muestro como quedaría saludos.

<div class="row">
                <div class="col-md-3">
                    <button type="button" class="btn btn-primary" onclick="EnviarCheck()" id="enviarChk">Confirmar lectura</button>
                    <p id="pMensaje"></p>
                </div>
                <div id="div_imprimir" class="col-md-3">
                    <button type="button" class="btn btn-primary" onclick="Imprimir('div_oculto_imprimir')" id="ImprimirImg">Imprimir</button>
                </div>
                <div class="col-md-3">
                    <a href="@Url.Action("ReporteToExcel", "Mi" )" target="_blank" class="btn btn-primary botonExcel" id="btn_pdf"><i class="fas fa-file-excel"></i> Exportar Excel</a>
                </div>
                <div class="col-md-3">
                    <a href="@Url.Action("ExportarPDF", "Mi" )"  class="btn btn-primary botonPDF" id="btn_pdf_comparador_ci"><i class="fas fa-file-pdf"></i>Exportar PDF</a>
                </div>
</div>

introducir la descripción de la imagen aquí

Hola amigo el problema es que usas xs-6 y eso hace que se parta en dos, el tamaño tenlo en cuenta siempre sera máximo de 12 es decir como pones de a 6 entonces solo puedes tener como máximo dos botones, si quisieras que estén los 4 ahí

entonces divide 12/4=3 entonces cada uno debe de ser de 3.

Otro punto xs,md etc son para los tamaños.

Aquí te muestro como quedaría saludos.

<div class="row">
                <div class="col-md-3">
                    <button type="button" class="btn btn-primary" onclick="EnviarCheck()" id="enviarChk">Confirmar lectura</button>
                    <p id="pMensaje"></p>
                </div>
                <div id="div_imprimir" class="col-md-3">
                    <button type="button" class="btn btn-primary" onclick="Imprimir('div_oculto_imprimir')" id="ImprimirImg">Imprimir</button>
                </div>
                <div class="col-md-3">
                    <a href="@Url.Action("ReporteToExcel", "Mi" )" target="_blank" class="btn btn-primary botonExcel" id="btn_pdf"><i class="fas fa-file-excel"></i> Exportar Excel</a>
                </div>
                <div class="col-md-3">
                    <a href="@Url.Action("ExportarPDF", "Mi" )"  class="btn btn-primary botonPDF" id="btn_pdf_comparador_ci"><i class="fas fa-file-pdf"></i>Exportar PDF</a>
                </div>
</div>

introducir la descripción de la imagen aquí

Origen Enlace
Edgar Vazquez
  • 1.6k
  • 1
  • 6
  • 11

Hola amigo el problema es que usas xs-6 y eso hace que se parta en dos, el tamaño tenlo en cuenta siempre sera máximo de 12 es decir como pones de a 6 entonces solo puedes tener como máximo dos botones, si quisieras que estén los 4 ahí

entonces divide 4/12=3 entonces cada uno debe de ser de 3.

Otro punto xs,md etc son para los tamaños.

Aquí te muestro como quedaría saludos.

<div class="row">
                <div class="col-md-3">
                    <button type="button" class="btn btn-primary" onclick="EnviarCheck()" id="enviarChk">Confirmar lectura</button>
                    <p id="pMensaje"></p>
                </div>
                <div id="div_imprimir" class="col-md-3">
                    <button type="button" class="btn btn-primary" onclick="Imprimir('div_oculto_imprimir')" id="ImprimirImg">Imprimir</button>
                </div>
                <div class="col-md-3">
                    <a href="@Url.Action("ReporteToExcel", "Mi" )" target="_blank" class="btn btn-primary botonExcel" id="btn_pdf"><i class="fas fa-file-excel"></i> Exportar Excel</a>
                </div>
                <div class="col-md-3">
                    <a href="@Url.Action("ExportarPDF", "Mi" )"  class="btn btn-primary botonPDF" id="btn_pdf_comparador_ci"><i class="fas fa-file-pdf"></i>Exportar PDF</a>
                </div>
</div>

introducir la descripción de la imagen aquí