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
-
24
votes8
answers17582
viewsUse Bootstrap and Primefaces without one interfering with the other?
I’m trying to use Bootstrap along with primefaces in a JSF project, the problem is that in most components I need to use JSF tags instead of the primefaces because the primefaces do some tricks with…
-
21
votes4
answers15388
viewsHow to make a table responsive using (Twitter) Bootstrap?
I’m working on a web application using Ruby On Rails 4 and much of the interface consists of tables. I would like you to suggest a way to detect the screen size in use and, based on this, hide…
-
20
votes3
answers46967
viewsWhat is the difference between col-lg-* , col-Md-* and col-Sm-* in Bootstrap?
It’s been a long time since I’ve used the Bootstrap I have worked with almost all versions. Normally to structure my applications I use the grid bootstrap, row to create lines and col- for columns.…
-
17
votes4
answers7742
viewsHow does grid system work?
I’m using Bootstrap in a project, but so far I do not understand how the structure of it works. It uses grids but the documentation is not very clear on how it works and how to use. I want to put…
-
16
votes4
answers16259
viewsHow to use Progressbar with Ajax and PHP?
I found some examples where the developer implements a setInterval trying to predict the import time and in the complete ajax put 100% making that bar Progress get "a bit buggy" or jump from nowhere…
-
15
votes2
answers39989
viewsWhat are data-target and data-toggle attributes for?
I need to know what those two attributes are for data-target and data-toggle who stay in inputs, buttons and similar in HTML?
-
13
votes6
answers10207
viewsOpen Multiple Bootstrap Modals
As per bootstrap documentation: Modal Multiple modes are not supported and require additional code. I am trying to open various modals within others, these modals are called external files with…
-
13
votes2
answers127257
viewsPut a background image and make it responsive
I’m having a problem putting a background image on my page. I did some tests and it looks like this when I change the window size: When I maximize it’s right: How can I adjust this image to get the…
-
12
votes1
answer11265
viewsHow to create a dynamic progress bar considering all fields of a form?
I’m trying to create a progress bar a little different from the ones I found around. This for example, take the values of the fields and plays in the aria-valuenow from the progress bar. In my case,…
-
11
votes1
answer19067
viewsHow can we not close the twitter-bootstrap modal by clicking outside the area?
I do not know if there is a way, but I need to block the closing of the twitter-bootstrap modal when the user clicks outside the element area, only allowing to close it by clicking the closing…
twitter-bootstrapasked 10 years, 9 months ago Marcelo Diniz 3,356 -
11
votes2
answers7980
viewsWhat’s that "Mr-only" Bootstrap Twitter thing for?
Studying the documentation I was left with doubts: for what really serves the class sr-only of bootstrap?…
-
11
votes1
answer1643
viewsWhat does the "--" specified in the Bootstrap CSS :root mean?
It’s just a question that came up when I was snooping the CSS of Bootstrap, this is something I don’t know and I didn’t find any answer in Google about it... There’s an excerpt from the code: :root…
-
11
votes3
answers5016
viewsForm validation in modal using Bootstrap
I have the following question. I have a simple record and I want you to tell me when registering a new record: If the field is empty it shows me the message "Fill in the fields"; If the form field…
-
10
votes1
answer9035
viewsScroll bar on a table with bootstrap
I have a table, where I upload database information into it. It has two columns (CNPJ and Social Reason). The table I mounted with bootstrap. I would like her to have a maximum height and create a…
-
10
votes1
answer1138
viewsWhy does Bootstrap 4 use "rem" and "em" instead of pixels?
As you can see here and here, Bootstrap 4 uses the drives rem and em instead of using in px. Code snippet using the unit rem: $display1-size: 6rem !default; $display2-size: 5.5rem !default;…
-
8
votes4
answers178
viewsWhy do my webfonts only work with Chrome?
I’m creating a website through a Child Theme Bootstrap-based Shoestrap. When I use webfonts they only work in Chrome. What I’m doing wrong? This is my CSS @font-face { font-family:…
-
8
votes2
answers6972
viewsLeave two Divs always at the same height
I’m using bootstrap, I’ve tried using display:table-cell and display:cell in divs children, however, nothing worked, I have two divs, and both have dynamic content, but I need the two always stay…
-
8
votes4
answers37912
viewsCenter vertically div container on Bootstrap page
I’m having trouble centralizing À Pagina because centralizing both sides has already been accomplished, I’ve added several classes and attributes in the tag style but I did not succeed, and to…
twitter-bootstrapasked 9 years, 12 months ago Ricardo 14,521 -
8
votes1
answer1176
viewsWhat are and what are .js.map files for?
I downloaded the latest version of Boostrap (4.3.1 today). and I noticed that in the js folder, came several files with the end . map js/bootstrap.bundle.js js/bootstrap.bundle.js.map…
-
7
votes2
answers22549
viewsHow to include Bootstrap Glyphicon inside the "<input></input>" tag?
With the following code: <a href="#" class="btn btn-primary"> <span class="glyphicon glyphicon-pencil"></span> Editar </a> I can create buttons like these: But I can’t seem…
-
7
votes3
answers23448
viewsFooter "glued" at the bottom of the page and responsive (variable height - using bootstrap)
I’ve been following similar issues here on stackoverflow and other web sites, in addition to tutorials on the internet, but the vast majority of solutions do not work as I need, or even are…
-
7
votes2
answers342
viewsTimepicker fields disappear when you select many dates
I’m creating an app with dynamic calendar creation. My application uses: Bootstrap 3 jQuery 1.11.0 jQuery-ui 1.10.3 jQuery Timepicker Addon 1.5.0 I create a calendar on the page (jQuery UI…
-
7
votes2
answers3238
viewsCall Modal and Tooltip on the same data-toggle
I have a button that calls a modal like this: <button type="button" data-toggle="modal" data-target="#revisao>Revisao</button> To call a Tooltip is used: <button type="button"…
-
7
votes1
answer1164
viewsDropdown containing image on the right
I am using Bootstrap to make a bar at the top of the page, and I have a problem: What I need is to open the dropdown, have a list of options, and an image next to it that always has the same size of…
-
7
votes1
answer1358
viewsHow to activate the modal through the option in a select?
Example: When I select the "Volvo" option, the modal appears... <label>Recinto</label> <select class="form-control" data-toggle="modal" data-target="#cria-recinto"> <option…
-
7
votes2
answers56156
viewsHow to center all content of a div - Bootstrap
Hello. I am learning how to use the bootstrap. In my studies I had a question. If there’s any way to centralize the entire contents of a div. I have sample codes... <!DOCTYPE html>…
-
7
votes3
answers340
viewsPosition caption above div
I am using the bootstrap Carousel with caption. Between the slide image and the caption there is a div with the image of an orange triangle. I need the caption to be above the triangle. I’ve used…
-
6
votes3
answers42780
viewsHow to change date format in bootstrap from mm/dd/yyyy to dd/mm/yyyy
That’s the mistake you’re making: Uncaught Typeerror: Cannot set Property 'en-BR' of Undefined Insert some links to format the date, according to what I took on the net and even then the date is…
-
6
votes1
answer12243
viewsHow to use the Row class in bootstrap?
I have two questions: 1st - In bootstrap it is mandatory to use the "Row" class to wrap the columns? 2nd - I can have more than 12 columns within the same class "Row"? Example: <div…
twitter-bootstrapasked 9 years, 9 months ago Carlos Pereira 1,190 -
6
votes0
answers112
viewsBootstrap v2.3.2 grid does not work in IE9
I have a grid in Bootstrap v2.3.2, which I’m trying to fix to run on IE9. On the official page the grids show correctly in IE9, so I expected the same result. I saw some answers with Respond.js and…
-
6
votes2
answers1259
views"Floating" sidebar inside an element when scrolling
I have a layout Bootstrap with a right sidebar and I need this "turn" (up/down) when doing scroll, but not above the header and footer. just "float" inside the div[role=main] My layout: My code:…
-
6
votes1
answer13196
viewsHide field in HTML with Bootstrap
How can I make a text field in my HTML is hidden when the user is viewing by mobile and appears when he is viewing by PC?
-
6
votes1
answer790
viewshow to align radios inputs in bootstrap?
http://jsfiddle.net/96ra0n8h/ I did it this way: <div class="row"> <div class="col-md-2"> <p>Discordo Totalmente</p> <p><input…
-
6
votes1
answer953
viewsBootstrap side menu not configured in mobile version
I’m fighting to make a website and present it on my TCC. I separated the sections of the site (body, head, header, footer...) into isolated files to be able to move more easily. I took great care to…
-
6
votes1
answer292
viewsWhat’s the use of padding Bootstrap’s container?
What’s the point of padding of container of Bootstrap if the row has a margin negative that cancels this padding? If I want my entire page to have one padding so it doesn’t stick to the edge like I…
-
6
votes1
answer569
viewsHow to reformulate radio and checkbox UI?
I’m using custom radio and checkbox bootstrap, I realized that some customers had difficulties in assimilating who were checkbox or radios and who should perform the action of selected. Example:…
-
6
votes2
answers1558
viewsMedia CSS queries not working and conflicting
I’m developing the one-page responsive and the documentation says to do the media queries as follows: @media(max-width:767px){} @media(min-width:768px){} @media(max-width:992px){} Uso Bootstrap 3.…
-
5
votes2
answers1944
viewsLoad Bootstrap Carousel
I’m developing a portal, with Bootstrap (3.1). For this I put a similar bootstrap Carousel on HEADER of the page and the content just below that Carousel. This is where the problem occurs, when…
-
5
votes2
answers42594
viewsHow to open and close modals with jQuery
I’m trying to open a modal, wait 3 seconds and close it inside the $( document ).ready(). When I use $('#myModal').modal('show'); the modal appears but when I do…
-
5
votes2
answers5830
viewsHow to make the printing of pages go out the way it is seen on the screen?
I need to make a page that, when the user prints, come out exactly as it is seen on the screen (with the styles), I’m using Bootstrap version 3.1. Is there any plugin in Javascript that does this?…
-
5
votes1
answer1123
viewsWhy is this Bootstrap Tabs configuration not working?
The code is as follows:: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Site</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css">…
-
5
votes2
answers30811
viewsTable cell with fixed size
How to set the width of spine of two tables so that one does not have a cell bigger than the other? When I try to create, the cell of the second table always gets bigger than the cell of the first…
-
5
votes4
answers186
viewsDropdown menu opens partially
I have a dropdown menu using twitter-bootstrap 3 and it is inside a <li class="media">, then each <li> has a dropdown with some actions, it happens when as the height of the <li>…
-
5
votes2
answers17919
viewsRemove and add elements depending on resolution
I wonder how I could remove a navbar a certain resolution? Example: in resolution less than 1024x768 one of navbars disappears and another navbar turns the button of toogle? This is done by Less or…
-
5
votes1
answer324
viewsTwitter Bootstrap: Set specific CSS rule for different sizes
I would like to know how to declare a value to a CSS property according to browser resolution in Bootstrap. Example: I want an edge to be displayed only on smartphones or very small resolutions…
-
5
votes1
answer6229
viewsPrevent zoom on smartphone/tablet with Bootstrap 3
I use Bootstrap 3 in my projects and have a question. I would like to know how to prevent the zoom on smartphones and tablets, that zoom that is done with the movement of "tweezers" or with double…
-
5
votes1
answer841
viewsProblem Dropdown menu bootstrap
I have my dropdown menu But I always have to give 2 clicks for him to open the menu, I would like on the first click it already opens... You could have had him without the element <a? that’s my…
-
5
votes1
answer661
viewsHow to use Bootstrap responsive system
I would like to know how I use only the responsive design part of Bootstrap and if possible give me some tips on how to apply in HTML code.
-
5
votes1
answer433
viewsOpen Popup (Bootstrap) by clicking on the checkbox
I have a table, where the user selects the months that have already been performed the checks. To perform this check, just mark a checkbox. However, I have a new demand, that when the user clicks on…
-
5
votes1
answer17770
viewsAlign Submit button along with Bootstrap input
I have the following code that uses bootstrap 3 consisting of an input and a Submit button. Currently the button is below the input, but I want it to be aligned laterally with the input. I have seen…
twitter-bootstrapasked 9 years, 12 months ago Ricardo 14,521