Bootstrap & what for building a directory like website ?

Hi guys,

I am not particularly active here because I am more or less capable to find and solve my wordpress/SEO related problems just by googling or searching through these forums but here am I looking for some help.

To make a long story short, I would like to build a "directory" like website similar to "freetechbooks" where users can filter and search for specific items. It is written that "freetechbooks" was build with Bootstrap but isn't Bootstrap front-end CSS framework only and when…

Bootstrap & what for building a directory like website ?

WordPress child theme not responsive on mobile screen using Bootstrap 4x

I’ve created a child theme and also enqueued Bootstrap 4.3 in it. The site works fine on desktop screen however when I reduce the screen size, the list-group and cols are not stacking up, instead, they show up as follows

enter image description here

Following is the footer code

enter image description here

Following is the function’s code

enter image description here

Can someone kindly help me out with making it responsive in small screens?

Cargar pagina, con vídeo pausado en BOOTSTRAP

Estoy haciendo una página web mediante angular y bootstrap. El problema es que al cargar un video mediante un iframe, el video se inicia y con sonido. lo cual es muy molesto.

Cómo puedo configurar los parámetros?

<div class="embed-responsive embed-responsive-16by9 wow fadeInRight">    <iframe class="embed-responsive-item" src="../../../assets/img/alfarim.mp4"</iframe> </div> 

Como desplegar ventana modal de bootstrap con condicional de jquery?

No tengo mucho conocimiento sobre bootstrap. Quiero hacer una condicion para desplegar la ventana modal. Si los campos A y B estan vacíos, quiero mostrarla. de lo contrario no se debe mostrar. Este es mi codigo:

if(username=='undefined' && password=='undefined'){   	 	console.log(username);   	 	 $  ('#myModal').modal({   	 	 	show:true   	 	 });   	 	login.username="";login.password="";   	 }else{   	 	$  ('#myModal').modal({   	 	 	show:false   	 	 });   	 }
<form> <button type="button" data-toggle="modal" data-target="#myModal" class="btn btn-info" ng-click="login.ingresar()">Aceptar</button>                        </form>            <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">   <div class="modal-dialog" role="document">     <div class="modal-content">       <div class="modal-header">         <button type="button" class="close cerrarModal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>                </div>       <div class="modal-body">         ...       </div>       <div class="modal-footer">         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>         <button type="button" class="btn btn-primary">Save changes</button>       </div>     </div>   </div> </div>

Lo que necesito en si es validar unos campos, para lo que quiero desplegar una ventana modal con los errores en caso de que los campos esten vacios, pero cuando no lo esten, necesito que el formulario se envíe. Pueden darme una guía porfis? Actualmente se muestra esten o no esten llenos los campos

not able to override bootstrap css in my style sheet

I have created my own stylesheet and wish to override some bootstrap functionality. I am referencing css in my .aspx page as below

<SharePoint:CssRegistration name="&lt;% $  SPUrl:~sitecollection/_catalogs/masterpage/MyStyles/Stylesheet1.css %&gt;"   runat="server"   after="pagelayouts15.css"/> 

Now i want to override and remove this code from bootstrap-custom.css

*, *:before, *:after { -webkit-box-sizing: content-box;  -moz-box-sizing: content-box; box-sizing: content-box; } 

So i wrote below in my stylesheet

*, *:before, *:after { -webkit-box-sizing: content-box !important;  -moz-box-sizing: content-box !important; box-sizing: content-box !important; } 

But still not working. My page is still not behaving correctly. When i press F12 i see following

enter image description here

So it looks like that boostrap-custom.css again overwrites my css. How can i fix this?

Mostrar 2 columnas dentro de row. Bootstrap

Resulta que tengo el siguiente codigo (esta recortado para que no se tan grande)

CODIGO DONDE MUESTRO 2 DATOS EN COLUMNAS

<div class="card-body">             <div class="row">                 <div class="col-md-12">                     <div id="subida">                         <form action="subirData" method="post">                             <div class="col-md-6 form-group"> //PRIMERA COLUMNA                                 <div class="form-group row">                                     <label for="" class="col-sm-4 col-form-label">Fecha de Ingreso</label>                                     <div class="col-sm-4">                                         <input type="text" class="form-control fechaIngreso" name="fechaIngreso">                                     </div>                                 </div>                             </div>                             <div class="col-md-6 form-group"> //SEGUNDA COLUMNA                                 <div class="form-group row">                                     <label for="" class="col-sm-4 col-form-label">Fecha de Ingreso</label>                                     <div class="col-sm-4">                                         <input type="text" class="form-control fechaIngreso" name="fechaIngreso">                                     </div>                                 </div>                                 <div class="form-group row">                                     <label for="" class="col-sm-4 col-form-label">Placa</label>                                     <div class="col-sm-4">                                         <input type="text" class="form-control placa" name="placa">                                     </div>                                 </div>                             </div>                             <input id="submit-all" type="submit" value="Subir" />                         </form>                     </div>                 </div>             </div>         </div> 

Cuando veo el resultado queda asi:

introducir la descripción de la imagen aquí

Los 2 ultimos input me gustaria que quedaran en donde esta el cuadro rojo, como en este ejemplo:

introducir la descripción de la imagen aquí

Que esta mal en el codigo (no se si mal acomodado o no se)

¿Como resuelvo problema al abrir Modal de Bootstrap en asp.net?

Estoy desarrollando una aplicación en ASP.NET y he creado un Modal el cual se abre con un botón, el problema es que cada vez que presiono el boton para abrir el Modal, este se abre a la vez que la pagina se tilda obligandome a presionar F5 para refrescar la pagina, le agradezco a quien me ayude a resolverlo.

Este es mi código HTML del Modal:

Título

<!-- Button trigger modal -->             <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">                 Launch demo modal             </button>             <!-- Modal -->             <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">                 <div class="modal-dialog" role="document">                     <div class="modal-content">                         <div class="modal-header">                             <h5 class="modal-title" id="exampleModalLabel">Error al ingresar</h5>                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">                                 <span aria-hidden="true">&times;</span>                             </button>                         </div>                         <div class="modal-body">                             Usuario o contraseña incorrectos                         </div>                         <div class="modal-footer">                             <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>                             <button type="button" class="btn btn-primary">Save changes</button>                         </div>                     </div>                 </div>             </div> 

Búsqueda select bootstrap Lenta

Mi código busca ciudades del mundo usando <selectpicker>, tengo aproximadamente 5 mil registros, pero la idea es ingresar más de 200 mil.

He notado que al escribir la primera letra, tarda aproximadamente 10 segundos en mostrar la lista de los primeros resultados, y al escribir el segundo caracter, es extremadamente lento.

¿como puedo usarlo?, la tabla tiene Primary Key, he buscado en la web posibles soluciones, pero nada me funciona.

Aquí el Código

<div class="form-group">                     <input type="text" name="email" id="email" class="form-control" placeholder="email"/>                               <!-- <input type="text" name="ciudades" id="ciudades" class="form-control" placeholder="ciudad"/> -->                       <select class="selectpicker" id="miciudad" data-show-subtext="false" data-live-search="true" data-live-search-style="startsWith">                         <?php                         include "db.php";                         $  con = connect();                         if (!$  con->set_charset("utf8")) {//asignamos la codificación comprobando que no falle                               die("Error cargando el conjunto de caracteres utf8");                         }                         $  consulta = "SELECT * FROM Ciudades order by Ciudad ASC";                         $  resultado = mysqli_query($  con , $  consulta);                         $  contador=0;                         while($  misdatos = mysqli_fetch_assoc($  resultado)){ $  contador++;?>                         <option data-subtext="<?php echo $  misdatos["Ciudad"]; ?>"></option>                         <?php } ?>                       </select>                   </div> 

Espero alguien pueda auxiliarme.

problema con select bootstrap

amigos tengo este código fuente que me permite seleccionar ciudades de un listado con bootstrap y mysql.

Todo funcionaba, pero ahora he cambiado la tabla original por una que solo contiene un campo, originalmente tenía un listado de países y la tabla se llamaba listado_paises.

Ahora se llama Ciudades y solo contiene un campo llamado nciudades, pero en cuanto cambie esos valores, el select desapareció, es necesario tener un campo id, o algún otro campo?

input type="text" name="ciudades" id="ciudades" class="form-control" placeholder="ciudad"/>                     <select class="selectpicker" data-show-subtext="true" data-live-search="true" data-live-search-style="startsWith">                       <?php                       include "./c/db.php";                       $  con = connect();                       if (!$  con->set_charset("utf8")) {//asignamos la codificación comprobando que no falle                             die("Error cargando el conjunto de caracteres utf8");                       }                       $  consulta = "SELECT * FROM ciudades";                       $  resultado = mysqli_query($  con , $  consulta);                       $  contador=0;                       while($  misdatos = mysqli_fetch_assoc($  resultado)){ $  contador++;?>                       <option data-subtext="<?php echo $  misdatos["iso"]; ?>"><?php echo $  misdatos["nCiudad"]; ?></option>                       <?php } ?>                     </select>     

he probado eliminando el comando data-subtext remplazándolo por el mismo campo y quitándolo por completo, pero nada funciona.

Need Programmer to add DB function to Bootstrap Template

I need functionality added to a bootstrap responsive template. The site needs to remain responsive mobile-friendly. Need DB structure added, admin functionality, and incorporate of DB to the website.

This link has the project requirements: http://buypalletsdirect.com/BPDRequirements.pdf

I'm also in a hurry to get this done. Please PM me with your bid and completion time.

Thanks.