Alinhamento Vertical no card-header com bootstrap

Tenho um card e um título como card-header. Gostaria que o título ficasse alinhado vertical inferior. Já tentei align-text-bottom mas não funcionou. Segue o código:

<div class="card">   <h5 class="card-header align-text-bottom">Filtro por data</h5>   <div class="card-body">     <div class="row">       <div class="col-md-3">         <div class="form-group">           <label>Conta Corrente </label>           <dx-select-box placeholder="Selecione Conta..." [items]="contasCorrente" displayExpr="descricao" valueExpr="id" [searchEnabled]="true" formControlName="contaCorrenteId">           </dx-select-box>           <span class="text-danger" *ngIf="displayMessage.contaCorrenteId">                       <p [innerHTML]="displayMessage.contaCorrenteId"></p>                     </span>         </div>       </div>        <div class="col-md-3">         <div class="form-group">           <label class="control-label" for="dataEmissaoInicial">Data Emissão Inicial</label>           <dx-date-box type="date" width="100%" displayFormat="dd/MM/yyyy" formControlName="dataEmissaoInicial" (onValueChanged)="definirValor($  event)"></dx-date-box>           <span class="text-danger" *ngIf="displayMessage.dataEmissaoInicial">                       <p [innerHTML]="displayMessage.dataEmissaoInicial"></p>                     </span>         </div>       </div>        <div class="col-md-3">         <div class="form-group">           <label class="control-label" for="dataEmissaoFinal">Data Emissão Final</label>           <dx-date-box [min]="minDate" [max]="maxDate" type="date" width="100%" displayFormat="dd/MM/yyyy" formControlName="dataEmissaoFinal" (onValueChanged)="definirValor($  event)"></dx-date-box>           <span class="text-danger" *ngIf="displayMessage.dataEmissaoFinal">                       <p [innerHTML]="displayMessage.dataEmissaoFinal"></p>                     </span>         </div>       </div>        <div class="col-md-3">         <button type="button" style="margin-top: 27px" class="btn btn-block btn-success" (click)="filtrarConciliacao()">                     <i class="fa fa-refresh"></i> Filtrar </button>       </div>     </div>   </div> </div>

Atualmente está assim:

inserir a descrição da imagem aqui

Eu gostaria que ficasse assim:

inserir a descrição da imagem aqui

How to identify drupal bootstrap version?

I’m using project bootstrap 3.x and wondering how can I check version of bootstrap library itself? There is general solution here stackoverflow but I found it’s not useful in this case (drupal). I couldn’t find bootstrap.css file.

The reason behind this is I think I found a bug in it and I want to compare my bootstrap version against the current one and see if it was already fixed.

How can I check bootstrap library version inside bootstrap theme?

Adicionar popup modal do Bootstrap 3 no WordPress

Eu tenho um formulário no wordpress que coleta o nome e o email do usuário e quero que quando o usuário clique no botão de enviar abra um popup com a seguinte mensagem: “Por favor, verifique seu email.” Não sei como eu integro o Boostrap com o WordPress, procurei em muitos lugares como fazer isso mas não encontrei nada que me satisfaça e também com eu adiciono o código de modal. O formulário foi criado com o plugin Mailchimp for WP integrado com o Contact Form 7

Bootstrap o CSS no funciona en localhost o con PHP

Hola a todos y gracias por leer.

Tengo un pequeño problema que me surgió de esta pregunta que hice hace poco: Ajustar texto en celdas y Responsive Table con Bootstrap

La idea es básicamente optimizar y ajustar una tabla al ancho del navegador y que además sea responsive, es decir, quería que la tabla genere la barra de desplazamiento horizontal cuando el navegador esté totalmente maximizado, cosa que no sucedía, pero si lo hacía cuando lo achicaba.

La cuestión es que en la pregunta yo copio el código html pero en la realidad, mi código está escrito en una mezcla con PHP:

<!DOCTYPE html> <html lang="es"> <head>     <meta charset="UTF-8">     <title>OPERAR CON PROVEEDORES</title>     <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">     <link rel="stylesheet" type="text/css" href="css/estilos.css"> </head> <body>     <?php         include"php/navbar.php";         include_once "php/conexion.php";         $  query = $  con->query("SELECT * FROM proveedores;");     ?>     <div class="container">         <div class="row">             <!-- <h2>PROVEEDORES</h2> -->             <div class="col-md-12">                 <div class="table-responsive">                     <table class="table table-hover  table-responsive table-condensed" border="0">                         <thead>                             <tr>                                 <th scope="col">ID</th>                                 <th scope="col">Nombre</th>                                 <th scope="col">CUIT</th>                                 <th scope="col">IVA</th>                                 <th scope="col">Dirección</th>                                 <th scope="col">Número</th>                                 <th scope="col">Piso</th>                                 <th scope="col">Puerta</th>                                 <th scope="col">Ciudad</th>                                 <th scope="col">Provincia</th>                                 <th scope="col">CP</th>                                 <th scope="col">Pais</th>                                 <th scope="col">Teléfono</th>                                 <th scope="col">Mail</th>                                 <th scope="col">Edición</th>                             </tr>                         </thead>                         <tbody>                              <?php foreach(mysqli_fetch_all($  query, MYSQLI_ASSOC) as $  proveedor){ ?>                                 <tr>                                     <th scope="row"><?php echo $  proveedor['id'] ?></th>                                     <td><?php echo $  proveedor['nombre'] ?></td>                                     <td><?php echo $  proveedor['cuit_tipo']."-".$  proveedor['cuit_dni']."-".$  proveedor['cuit_al'] ?></td>                                     <td><?php echo $  proveedor['iva'] ?></td>                                     <td><?php echo $  proveedor['direccion'] ?></td>                                     <td><?php echo $  proveedor['num'] ?></td>                                     <td><?php echo $  proveedor['piso'] ?></td>                                     <td><?php echo $  proveedor['puerta'] ?></td>                                     <td><?php echo $  proveedor['ciudad'] ?></td>                                     <td><?php echo $  proveedor['provincia'] ?></td>                                     <td><?php echo $  proveedor['cp'] ?></td>                                     <td><?php echo $  proveedor['pais'] ?></td>                                     <td><?php echo $  proveedor['codigo_area']."-".$  proveedor['telefono'] ?></td>                                     <td><?php echo $  proveedor['email'] ?></td>                                     <td><a class="btn btn-block btn-warning" href="<?php echo "editar.php?id=" . $  valores['nombre'] ?>"><i class="fa fa-edit">EDITAR</i></a></td>                                 </tr>                                 <?php } ?>                         </tbody>                     </table>                 </div>             </div>         </div>     </div> </body> </html> 

Ahora, cuando ejecuto el código, las tablas no funcionan como quisiera, es decir, la tabla ocupa todo el ancho del navegador y más, y es el mismo navegador el que me genera la barra de desplazamiento horizontal, es decir, la tabla no es responsive. Cuando achico el navegador, la tabla se vuelve responsive y genera la barra de desplazamiento.

Ahora, lo que hice luego fue copiar el código fuente en HTML puro y ejecutarlo sin PHP y me ha generado dos resultados:

  • Por un lado, cuando ejecuto el código HTML desde el navegador, y en la url se encuentra la ubicación del archivo desde file:///C:/xampp/htdocs/… , la tabla funciona como debería funcionar, es decir, se vuelve responsive con el navegador totalmente maximizado, es decir, funciona que debería, o como quiero que funcione. PERO:
  • Por otro lado, cuando ejecuto el mismo código HTML, pero esta vez desde localhost, deja de funcionar y la tabla vuelve a superar el ancho del navegador. Es más, la clase class="table-responsive" de Bootstrap no funciona en la etiqueta <table>, sino que solo funciona en una etiqueta <div>.

Espero se entienda el problema. Gracias!

No me carga mi estilo CSS personalizado en el navbar de bootstrap 4

estoy intentando cambiar un par de cosillas del menu nav de bootstrap, como el background y eso,le he puesto como id main_menu, este es mi menu: menu

<nav id="main_menu" class="navbar navbar-expand-lg navbar-light bg-light">   <a class="navbar-brand" href="index.php">Inicio</a>   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">     <span class="navbar-toggler-icon"></span>   </button>    <div class="collapse navbar-collapse" id="navbarSupportedContent">     <ul class="navbar-nav mr-auto">       <li class="nav-item active">         <a class="nav-link" href="perfil.php">Mi perfil <span class="sr-only">(current)</span></a>       </li>       <li class="nav-item dropdown">         <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">           Mensajes         </a>         <div class="dropdown-menu" aria-labelledby="navbarDropdown">           <a class="dropdown-item" href="#">Crear mensaje</a>           <a class="dropdown-item" href="#">Ver mis mensajes</a>         </div>       </li>     </ul>     <form class="form-inline my-2 my-lg-0">       <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">       <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Buscar</button>     </form>     <a style="margin: 5px; height: 40px;" class="nav-link btn btn-danger" href="procesos/logout.php">Salir</a>   </div> </nav> 

fichero.css

#main_menu{      background: #F7971E !important;     background: -webkit-linear-gradient(to bottom, #FFD200, #F7971E) !important;     background: linear-gradient(to bottom, #FFD200, #F7971E) !important;     background-color: black !important;      /*mi css personalziado*/     padding: 12px !important;     border-radius: 5px 5px 5px !important;     margin-top: 10px !important;     box-shadow: 0 0 15px gray !important; } 

Y lo estoy importando en en perfil.php

<?php      session_start();      if (isset($  _SESSION['usuario'])) {    ?>       <!DOCTYPE html>      <html lang="en">      <head>         <meta charset="UTF-8">         <title>Inicio</title>         <!-- IMPORT BOOTSRAP-CSS -->         <?php include_once 'partials/bootstrap_css.php' ?>             <!-- CSS 'FULL' -->             <link rel="stylesheet" href="estilos/full.css">      </head>      <body>           <div class="container">                     <?php include_once 'partials/menu.php'; ?>               <div class="row">                 <div class="col">                 <!-- CUERPO -->                  <h1>Mi perfil</h1>                  </div>             </div>          </div>            <!-- IMPORT BOOTSRAP JQUERY -->         <?php include_once 'partials/bootstrap_jquery.php' ?>      </body>      </html>   <?php        }       else{         header('location: login.php');     }   ?> 

Pero se mantiene el estilo de origen . Incluso le habia puesto !important para forzar el estilo, pero ni aun asi.

Decir tambien que el fichero del menu.php lo estoy importando con <?php include_once 'partials/menu.php'; ?>

Uncaught TypeError: Cannot set property ‘bootstrap’ of undefined

I’m receiving the following two errors, i’m unsure how to fix them. after doing some research this file has had issues before. The solutions did not solve my problem. Could this be a simple script load order?

Uncaught TypeError: Cannot set property ‘bootstrap’ of undefined (anonymous function) @ bootstrap.js?ny6rj2:13

var Drupal = Drupal || {};  (function($  , Drupal){   "use strict";    Drupal.behaviors.bootstrap = {     attach: function(context) {       // Provide some Bootstrap tab/Drupal integration. 

(anonymous function) @ bootstrap.js?ny6rj2:230

})(jQuery, Drupal); 

Formulário HTML5, CSS3, Bootstrap, Angular2 e .NET

Oi gente tudo bem? Sou super novato na área e queria pedir um norte para vocês, tenho esse teste para fazer:

A) Crie um programa simples WEB utilizando HTML5, CSS3, Bootstrap, Angular2 e .NET. – Crie uma tela de login com usuário e senha e uma opção de recuperar senha por e-mail – Após logar, crie uma tela/formulário que cadastre dados (Código, Nome, Data, Valor) em um banco de dados de sua preferência. – Essa tela/formulário precisa ter a opção para adicionar, consultar, alterar e remover o cadastro.

Eu já fiz a parte de login, com HTML5 e CSS3 mas essa parte de formulário, banco de dados, pesquisar e remover cadastro ta bem complicado e não sei por onde eu começo. Queria saber se alguém ai pode me dar um norte, obrigado desde já!!!

Como alinha o formulário em bootstrap?

Não estou conseguindo alinha o formulário, será que alguém poderia me dar uma ajuda?

<div class="modal fade" id="modalJustificar" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true">     <div class="modal-dialog modal-lg">      <div class="modal-content">                     <div class="modal-header">                         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>                         <h4 class="modal-title">Justificar Remessa</h4>                     </div>         <form class="form-horizontal" role="form" action="AdministracaoRemessa!cadastrar" method="post">                             <div class="row">                             <div class="col-lg-12">                             <div class="form-group">                                     <label class="col-sm-2 control-label"><fmt:message key="label.isso.um.leibol" /></label>                                     <div class="col-sm-6">                                          <select id="comboPessoaJuridica" name="variavel.metodo" class="form-control select2">                                                 <option value ="">-</option>                                                     <c:forEach items="$  {listadeObjetos.nomeDaentidade}" var="PJ">                                                 <option value="$  {fn:replace(PJ.codigo,'.','')}">$  {PJ.nome}</option>                                            </c:forEach>                                         </select>                                     </div>                                 </div>                            </div>                         </div>                 <div class="row">                         <div class="form-group">                         <label class="col-sm-2 control-label">Período</label>                         <div class="col-sm-2 input-altura">                             <input id="idVersaoProcesso" type="text" class="form-control"                                  name="historicoRemessa.motivo" value=""/>                         </div>                             a                     <div class="col-sm-2 input-altura">                         <input id="idVersaoProcesso" type="text" class="form-control"                              name="historicoRemessa.motivo" value=""/>                     </div>                   </div>                </div>                 <div class="form-group">                     <label class="col-sm-2 control-label">Motivo</label>                         <div class="col-sm-3 input-altura">                          <input id="idVersaoProcesso" type="text" class="form-control"                              name="historicoRemessa.motivo" value=""/>                      </div>                </div>          <div class="modal-footer">             <input type="submit" class="btn btn-primary" value="Enviar"/>         </div>         </form>  

Isso é a imagem em tela.

inserir a descrição da imagem aqui

O que acontece é que Unidade Jurisdicionada deveria está tudo na minha linha juntamente com o listebox. O Periodo com o textbox deveria está alinhado com o Motivo junto com o texbox.

PostgreSQL 11.2 Windows 10 install fails on bootstrap script (0xC0000005)

PostgreSQL 11.2 install fails on Win10 (pro) with a memory access violation 0xC0000005 error.

PostghreSQL-installLog.log

... ## Initializing pg11 ####################### Setting directory and file permissions. processed file: C:\PostgreSQL\data\pg11 Successfully processed 1 files; Failed processing 0 files setting permission to log dir processed file: C:\POSTGR~1\data\logs\pg11 Successfully processed 1 files; Failed processing 0 files  Initializing Postgres DB with:   C:\POSTGR~1\pg11\bin\initdb -U postgres -A md5 --encoding UTF8  -D "C:\PostgreSQL\data\pg11" --pwfile="C:\POSTGR~1\pg11\.pgpass" > "C:\POSTGR~1\data\logs\pg11\install.log" 2>&1 ERROR: Unable to Initialize PG. see logfile: C:\POSTGR~1\data\logs\pg11\install.log Error running init-pg11  Script stderr:  Program ended with an error exit code  Error with configuration or permissions. Please see log file for more information. Problem running post-install step. Installation may not complete correctly  Error with configuration or permissions. Please see log file for more information. Cleanup ... 

…data\pg11\install.log

The files belonging to this database system will be owned by user "jeroe". This user must also own the server process.  The database cluster will be initialized with locale "English_United Kingdom.1252". The default text search configuration will be set to "english".  Data page checksums are disabled.  fixing permissions on existing directory C:/PostgreSQL/data/pg11 ... ok creating subdirectories ... ok selecting default max_connections ... 100 selecting default shared_buffers ... 128MB selecting dynamic shared memory implementation ... windows creating configuration files ... ok running bootstrap script ... child process was terminated by exception 0xC0000005 initdb: removing contents of data directory "C:/PostgreSQL/data/pg11" 

doesn’t seem to be the typical permissions with the postgre user, as this seems to be outdated information: https://stackoverflow.com/questions/18292725/no-postgresql-user-created-after-new-windows-install

Bootstrap Date Picker working fine, but an issue with Collapse (Time picker) and Bootstrap Collapse

I’m able to get the date picker and I’ve called the required files as per the documentation but unable to collapse between date and time.

I have read the documentation and also followed the steps mentioned here -Bootstrap Datetime Picker not working with Bootstrap 4 Alpha 6

Here is a video sample – https://youtu.be/poWXMm__ntQ

Any help is greatly appreciated.

Thanks