Most voted "twitter-bootstrap" questions
Bootstrap is a front-end (client) framework, created by Twitter, designed to serve as the basis for developing web applications and websites. Use the tag "twitter-bootstrap" and NOT "bootstrap" to ask a question about this framework. Also use the more specific tag if the question refers to something unique to a related version or technology.
Learn more…1,437 questions
Sort by count of
-
0
votes2
answers199
viewsFunction load disables Jquery functions . Hide() and . show()
Down here I have these two forms: <div id="menu"></div> <!-- Carrego minha Navbar --> <div class="container formularioCadastro" id="cadastro"> <div class="row"> <div…
-
0
votes0
answers88
viewsWhen calling Modal, screen is displayed and disappears and the execution continues
The idea of Modal is a screen that is displayed and the screen below is disabled and the execution of the program only follows after closing the Modal. With me it looks like this. Modal is displayed…
-
0
votes1
answer11633
viewsIncrease input size
Does anyone know how I increase the size of the input below ? <td> <div class="input-group"> <span class="input-group-addon">R$</span> <input type="number"…
-
0
votes1
answer183
viewsLegend in form-group bootstrap
Does anyone know how to leave the form caption below within the border line ? That is, I would like the legend to be within the outline line of the form. <legend>Filtro por data</legend>…
-
0
votes1
answer999
viewsFieldset and Legend with bootstrap
I have a div that after placing a fieldset and a Legend, it has decreased in size. I need you to stay like this: ::ng-deep .dx-datagrid-headers .dx-datagrid-content { margin-bottom: -1px;…
-
0
votes1
answer239
viewsDiv exceeding size inside another div
I am working with Bootstrap and I am trying to make a 'table' with two columns. Inside the right column I want to place another 'table' with 4 cells, each with 100x100px images. All right so far,…
-
0
votes1
answer178
viewsProblems when clicking an input
Good afternoon, Sometimes I can’t click an input from a form to fill it out but in others the form works normally without any problem. This happens sporadically and, as a rule, happens to me in…
-
0
votes0
answers17
viewsMenu accompanies content on screen scrolling
In OLX has a menu on the left side that after certain scrolling the same accompanies the content: https://pr.olx.com.br/roupas-e-calcados/calcas?cond=1 The current HTML developed with…
-
0
votes2
answers803
viewsAccordion Bootstrap 4
How do I decrease height without losing the responsivel part? .card{ margin-bottom: 20px; padding: 0px 0px 0px 0px } <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"…
-
0
votes1
answer187
viewsLines cards with large text on the same line
I have a screen that makes a user card listing, but depending on the size of the text that will go on the card, it loses orientation and ends up "popping" the line. Example: How I need: How can I do…
-
0
votes1
answer326
viewsMulti-color background
I need to make a responsive web page with bootstrap 4. Having in the middle of the page a purple region ( HEX #A544A7). I tried with linear-gradient, but it got degraded and that’s not what I need.…
-
0
votes0
answers52
viewsVideo on site does not lock
We are developing a website where the banner will be a video. Through Pixabay, we found a video that is perfect for our client’s business. The problem is that the video is crashing when we go up to…
-
0
votes0
answers130
viewsInsert HTML content into modal window with Jquery
I am loading content from a JSON file, formatting with Jquery and inserting inside the modal Bootstrap, the problem is that it does not learn the CSS formatting used. Code to load JSON…
-
0
votes1
answer49
viewsI need a recommendation on how to use bootstrap as template formatting in a Flask app
Hello, this question seems kind of basic but I still haven’t found a consistent answer. I would like to know if, when using Bootstrap as a template formatting in Flaskpy, the best option is via CDN,…
-
0
votes1
answer864
viewsReactjs - Typeerror: Cannot Convert Undefined or null to Object
Good afternoon, I have a component where I consume data from an API, so far so good! I am trying to add a reactstrap modal and am facing the following error: Typeerror: Cannot Convert Undefined or…
-
0
votes0
answers132
viewsForm with mandatory input sends empty POST - Bootstrap
The form within a modal is sending the POST even with the required input but not completed. The modal is inside a separate file from the page and is included by PHP include(). When executing the…
twitter-bootstrapasked 5 years, 6 months ago ElvisP 1,523 -
0
votes1
answer80
viewsManipulated image slide with database in Node.js
There’s this slide of images in bootstrap, I want it to receive the images from the database (so far so good), but instead of displaying one by one it’s listing all at the same time. that’s the…
-
0
votes1
answer67
viewsMake mobile like desktop
I own a section on my website that on the desktop presents the expected behavior, a row divided into 3, using col-md-4, on the desktop the behavior is normal, on mobile tried to use col-xs-4 to be…
-
0
votes2
answers259
viewsTrigger Ubmit inside the iframe
It is possible to trigger a Submit via iframe? I’m opening the page php form. via iframe with modal. It looks like this: The green button is the Submit that comes from the form page.php. The blue…
-
0
votes1
answer61
viewsResponsiveness to modal
I have a page where I created a modal with some text boxes inside, nothing very elaborate. When I change the screen resolution to very low resolutions like 800x600 my modal deforms a lot, it gets…
-
0
votes1
answer75
viewsHow to Mount Grid Bootstrap
I’m trying to build a grid using the bootstrap doc but it’s very confusing! The maximum width of the iframe that loads the Forms is 868px. This is a simulation opening on the tablet standing and…
-
0
votes1
answer628
viewsDoubt about the use of "Row" and "col" classes in Bootstrap
I’m using Bootstrap 4 for my frontend and I was wondering if I should always put all my HTML content inside a div with class col that in turn should come within a div with class row. For example, it…
-
0
votes1
answer48
viewsHow to write inside an image border
Hello I would like to write inside the border but I could not follow my code .first-row-sites .img-responsive, .form-sites-container, .second-row-sites .img-responsive { border-top: 50px solid…
-
0
votes2
answers687
viewsCard clickable with Bootstrap 4
I would like to add a link on the card to redirect to another page. I’d like to make the card all clickable and I’d like to change the bottom of it and it got a little big with me? Could someone…
twitter-bootstrapasked 5 years, 4 months ago Ludi 25 -
0
votes0
answers13
viewsNavbar collapse does not close when staying in Bootstrap mobile size
I’m trying to make a responsive Nav bar, but when leaving it in mobile size, when I click on the "burger" it opens and displays the menus, but does not close, someone can help me? <html>…
-
0
votes2
answers638
viewsHow can I align the second card to the right?
I want to align the second card (I’m using Bootstrap) on the right, how can I do this? <div class="col-lg-6"> <div class="card card-certificado" style="width: 18rem;"> <img…
-
0
votes1
answer54
viewsWhy aren’t the blue balls positioned in the center of the column?
I’m creating a page with a Grid Bootstrap and I put four blue balls in one of the columns... The problem is that I cannot place the blue balls in the center of the column (they are always positioned…
-
0
votes1
answer62
viewsText does not track responsiveness
Could you explain why the text in the center of the image does not follow the responsiveness? What should I correct? <body> <div class="inicio"> <nav class="navbar navbar-expand-lg…
-
0
votes0
answers74
viewsError opening video via modal
I’m trying to open a video using modal but without success. I ask for help in this error and solution. I try to do this: When the mouse passes over the button, the JS, already puts the URL inside…
-
0
votes1
answer1742
viewsDatetimepicker only works on Bootstrap 3
When you click, just open this pop-up. IMG1 By clicking the pop-up, it slides up and does not show the calendar. IMG2 When I change the boostrap to version 3.x. x, it works correctly. But my entire…
-
0
votes1
answer306
viewsTabs in modal bootstrap
I have a modal in bootstrap and would like to put tabs in this code, however, there is something wrong and the window shown is without the desired shape. Follows the code: <link rel="stylesheet"…
-
0
votes1
answer813
viewsHover image using bootstrap
I’m trying to apply an effect with Hover, but I’m not getting it. I am using bootstrap 4. I managed to accomplish what I want or almost that, the problem is that appears below and not on the image.…
-
0
votes1
answer81
viewsWhy is the text out of line? and how to solve in bootstrap 4?
Continuing with my question made earlier, I am now using the following code. There was another simple problem that I am not able to solve. The text written "CLEAR FILTERS" is out of tune regarding a…
-
0
votes1
answer200
viewsPlace image outside the Bootstrap container
I need to place an image outside the container, so that the right margin remains the container standard (responsive), and the image always stays together with a "button". Follow the image below to…
-
0
votes2
answers86
viewsNav-tabs is not visible in mobile
On monitor, works normal, but in mobile the Nav disappears. To test and see if it was not some script that was missing in my code, I downloaded an example of bootstrap with all the links a css e js…
-
0
votes1
answer49
viewsBootstrap 4 does not place columns side by side in Angular8
Good afternoon, you guys. I don’t know what’s going on with Bootstrap in a project that I’m doing that it doesn’t put the columns side by side. I tried to change the size, I tried to remove the Rows…
-
0
votes1
answer82
viewsVariable value in tabs inside a modal - Javascript
I would like to pass a value of a variable contained in javascript through tabs within a modal to all tabs. Below is an example of what I’m trying to do. $(function () { $(".btn-lg").click(function…
-
0
votes1
answer633
viewsBootstrap 3 - Grid of images
Hello! How can I make a responsive grid of images with Bootstrap version 3.5 that looks like this on the Desktop: And on Mobile stay like this: My code is this: <div class="row bloco02">…
html twitter-bootstrap bootstrap-3 responsive-layout responsiveasked 5 years, 1 month ago Gabi M 13 -
0
votes1
answer281
viewsRouting Vue Js
I am creating more than one route in Vue js, however, for any given route is redirected to Login. js router. import Vue from 'vue' import Router from 'vue-router' import Login from…
-
0
votes1
answer474
viewsDisplay numeric keypad when an input receives focus on mobile version
I’m developing a web interface with HTML5, CSS3 and the framework Bootstrap 3, and using the type="number" on the tag <input> on smartphones the native keyboard of Android open in numeric…
-
0
votes2
answers916
viewsAlign text in Bootstrap navbar menu
Hello, I’m not able to align on the right the clickable texts of my menu with Bootstrap. Here is the menu code in HTML: <span class="menuresponsivo"> <nav class="navbar navbar-expand-lg…
-
0
votes1
answer522
viewsHow to format data within a DIV(alignment and source)?
I need to correctly align the information inside the following Ivs, place the image on the left, the title in blue next to the image on the right and the temperature just below the title in blue, as…
-
0
votes1
answer55
viewsDoubt about Javascript or jquery for Collapse in viewport
I created a "advanced search" Collapse button for mobile (768px), I would like it to start closed only at 768px resolution to gain screen space. Currently starts like this: <button type="button"…
-
0
votes1
answer65
viewsI am unable to run a Node.js application because of jquery
I tried to install a bootstrap in a Node.js application, then installed jquery and Popper.js, but now when I run my application this giving the following error. var version = $.fn.jquery.split('…
-
0
votes0
answers96
viewsModals always opening the same div
Hello, I am doing a work in which there is a table with a button in each Row, and in each button, when clicked, a modal appears. This modal contains a slider input and a div where the text written…
-
0
votes1
answer82
viewsIn Bootstrap 4, is there any way that the collapsed menu can be displayed from the right of the screen and not from the top of the screen?
the html code <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta…
-
0
votes1
answer102
viewsCheckbox with checked property does not return me any value
I have a code where the person must select a modality of the academy, for example, the martial arts plan, the person must select which fight she wants. So I made the following code: <div…
-
0
votes1
answer529
viewsChange css pagination datatables
Is there any easy way to change the css of a datatables? In my case, I would like to change the color of his pagination, I would like to put a darker blue. I believe he’s picking up some kind of…
twitter-bootstrapasked 4 years, 9 months ago Mateus Mattielo Nickhorn 93 -
0
votes1
answer113
viewsnavbar bootstrap is not at the top of the page
I am at the beginning of the production of a site, but my navbar is not in the top, it is in the middle of the page: my html is like this: <body> <nav class="navbar navbar-expand-lg…
-
0
votes1
answer39
viewsError hiding field with Jquery
I have an html code and I would like to hide a field when selecting the "Graph" option (when the field is visible I need it to be configured "required autofocus") and tried with jquery, however,…