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
-
2
votes2
answers85
viewsHelp with Bootstrap
I have a modal that appears at the end of the video, as I can call the bootstrap modal when the video ends? normal javascript alert works, but bootstrap doesn’t :s // 2. This code loads the IFrame…
-
2
votes1
answer460
viewsClose a Collapse when opening another using Angularjs UI
I have one Collapse and the other right next, I wanted to click on one, close the other if it was open. My html code: angular.module("seuCondominio", ['ui.bootstrap']);…
-
2
votes3
answers2176
viewsQuestion how to increase input size according to div size using bootstrap
I am having difficulty increasing the size of my inputs using the bootstrap classes, I would like to leave them according to the sizes of my div for example, in a Row with 12 columns I create the…
-
2
votes1
answer684
viewsBootstrap button with Angularjs
How can I change the Button class? <!doctype html> <html ng-app="ui.bootstrap.demo"> <head> <script…
-
2
votes1
answer688
viewsInsert item titles on the side
I’m trying to make a Carousel using the framework bootstrap, but I’m having a hard time inserting the titles of the Carousel items on the side and inserting a border on top as in the image below.…
-
2
votes1
answer297
viewsData tables shrinking at start
I have 2 datatables on a page, only one of them is starting to shrink, as you can see in the image below. What I need to do to start properly? <!DOCTYPE html> <html lang="pt-br">…
-
2
votes1
answer630
viewsLabel no Bootstrap
Ola Pessoal, They have already helped me a lot, but now I have another problem... I want that when you press or pass the mouse in the inputs, appears on top the name... I’ve made it work, but with…
twitter-bootstrap bootstrap-3 label bootstrap-validatorasked 6 years, 10 months ago Luccas Gaulia 95 -
2
votes1
answer765
viewsHow to position two selects within the same div?
I need to put two selects within a single div, one aligned to the left, and the other to the right. I’ve tried using CSS by creating a class to apply to each select, but it didn’t work: select.left…
-
2
votes1
answer3581
viewsHow to adjust the label size in bootstrap 4 to fit the small input?
I have the code below and I don’t know how to adjust the label to suit the same size set in the input element. As it is, Label has larger text than Input. I’ve tried using the . small class but it…
-
2
votes1
answer425
viewsAjax filter in wordpress
Hello, I wonder if anyone has done any functionality like this site, http://www.todeschinisa.com.br/pt/onde-encontrar filtering the posts using a form and ajax so you don’t need to give the page the…
ajax wordpress twitter-bootstrap filter custom-post-typesasked 6 years, 8 months ago Patrick de Freitas 59 -
2
votes2
answers402
viewsConfigure list-group with scrollspy bootstrap
Good night ! I’m struggling with one of the layouts of my project in which I have a div divided into 3 parts, where the top right will contain cards that selected will bring the data into a list at…
-
2
votes1
answer213
viewsdoubt with the bootstrap grid system
<div class="container"> <div class="row"> <div class="col-sm-6 col-md-4 col-lg-3"><p>Box 1</p></div> <div class="col-sm-6 col-md-4 col-lg-3"><p>Box…
twitter-bootstrapasked 9 years, 2 months ago Denali 617 -
2
votes2
answers3746
viewsChange background color div
I’m trying to change the background color of div with the classes wrapper row-offcanvas row-offcanvas-left , but I’m not getting it. Would anyone have any idea how to do?…
-
2
votes2
answers1021
viewsSpeaker responsiveness in Bootstrap
I have two rows with two columns, the first column of the first row has an image and the second column of that row has a text. The second line has a text in the first column and an image in the…
-
2
votes3
answers1911
viewsLeave label side by side , bootstrap
People have difficulty leaving the Name and Subject side by side , simply will not…
-
2
votes2
answers1373
viewsMenu does not fade when clicked on responsive bootstrap site
I’m trying to make the mobile responsive menu on a bootstrap site disappear altogether by clicking on its links. The site is one page and the links work via Anchors. The site has been modified into…
-
2
votes2
answers230
viewsHow to put the boostrap menu in the middle of the screen?
Look at the picture; Click here How do I get this menu to be in the middle of the screen? The difficulty is because I’m using Bootstrap 4, I’ve tried everything. I wanted it to look like this below;…
-
2
votes1
answer646
viewsDropdown does not work in android browser
hi guys I’m having a super HTML bootstrap problem, my dropdown doesn’t work on mobile phones. will anyone help me. <meta name="viewport" content="width=device-width, initial-scale=1.0">…
-
2
votes1
answer554
viewsHow to make a footer (footer) stay fixed after the Parallax effect?
I have this image and I would like to have an effect equal to option 3 (three) of this image, follows: DETAIL: could be option 2 (two) only I do not want the footer to pass to the area of the screen…
css twitter-bootstrap front-end layout backgroundasked 6 years, 6 months ago Rafael Souza Calearo 191 -
2
votes2
answers1455
viewsLoad remote content into a Twitter Bootstrap modal
I’m trying to load the contents of a modal from a remote page. This is the code I’m using to run the tests. $('[data-load-remote]').on('click', function (e) { e.preventDefault(); var $this =…
-
2
votes2
answers104
viewsTurn the side bar menu into a fixed menu
I have a little problem that for who knows should be relatively simple, but being a little new in the Front branch I’m having some problems, is the following, I need to make a site with a fixed menu…
-
2
votes1
answer437
viewsAligning objects on the screen using bootstrap
I have this code that I found on the internet that works as a Dashboard, but I can’t align the objects the way I’d like The code: <div class="row"> <div class="col-xs-12 col-md-5">…
-
2
votes1
answer756
viewsHow should I work regarding Bootstrap and Javascript links?
How best to work with Bootstrap or Javascript? Reference by CDN link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" Reference by downloaded file link…
-
2
votes1
answer156
viewsConfigure CSS to generate a new column when overflow is reached
I am generating a list of links dynamically using PHP, but this list is very large and I would like when it reaches a certain height in px the column is broken in 2, 3, or as many as necessary. Ex.:…
-
2
votes1
answer1195
viewsHow to change the position of bootstrap elementals?
I wanted to change the position of elements of a page formed in bootstrap As I present in the following images as I resize the page the buttons [EN][PT][ES] change positions and I believe it is…
-
2
votes1
answer351
viewsPass data-id="@Milestones.Code" to a modal
My system should work as follows: By clicking the button highlighted in red in the image below He opens this modal here: This already happens, but now I need to click on the first image, it takes…
-
2
votes3
answers4204
viewsDiv exceeding Modal width limit
How to render the following content without it exceeding the limit width of modal? Current example of rendering: Code: <div class="modal fade" style="width: 100% !important; height: 100%…
-
2
votes2
answers1048
viewsChanging Width of a Modal
Hello, while trying to increase the width of a modal in bootstrap 4, I tried to change the width of the modal-lg through css as I saw in the English stack overflow. However, I’ve tried the same code…
-
2
votes1
answer241
viewsResponsive Landing Page with bootstrap
I am trying to create the following layout on my Landing page: However, when trying to create this in HTML, I can’t get the images to make this list. I’m trying to use the "deck" class,…
-
2
votes3
answers873
viewsKey modal Event
Can you call a Vue bootstrap modal using a keyevent in VUEJS?? I don’t want any kind of button on the screen or inputs, I want to know if I can call the modal just by pressing a specific key. Such…
-
2
votes1
answer63
viewsUse two titles (Abels) in a bootstrap input group
How can I use two tabs (label) on top of a group button using bootstrap? image: The idea is to use numerical "range" from 0 to 10, with a title on the left and a title on the right side.…
-
2
votes2
answers571
viewsHow to make Bootstrap Grid stay with 2 rows in Mobile
I would like to leave the same as the print below.. I do not know if it has as this I saw in an application, I want to know if it is possible to do with bootstrap. because I tried to put the…
-
2
votes1
answer109
viewsHow to disable Bootstrap 4 Popover on mobile only?
Today I use Popover in some places of my site, but I wish they did not appear in the mobile version. There is something in the call script that I can do so that it only appears in the desktop…
-
2
votes1
answer1283
viewsHow to put mascara in the form input field that is in a modal bootstrap window
Guys, I’m using jquery Mask at head <script type="text/javascript"> $( document ).ready(function() { $("#celular1").mask("(00) 00000-0000"); }); }); </script> I am connected with jquery…
-
2
votes2
answers318
viewsHow do I leave an element with page height all the time?
I have the following problem: I need to let a div have the screen height the time. <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="topo">...</div>…
-
2
votes1
answer99
viewsHow to increase modal popup width in mobile
Good afternoon, I created a button that opens a modal in bostrap, inside it I inserted some tables. On the desktop works perfectly, but in mobile one of the tables "burst the modal". I wonder how to…
-
2
votes2
answers1074
viewsHow to do for when click on an item from a menu to receive the corresponding view tab in Angularjs?
Good guys I’m starting to study Angularjs, and in my application I wanted to do something similar to the following. I have a dropdown menu and I also have some tabs that I created manually. By…
-
2
votes3
answers248
viewsHow to take the value of an inputtext and generate an IMG URL
How can I take the X value of an INPUT and generate an IMG URL using Javascript? Example: I put the number 505050 in the form and gave Submit; Form Code: <form action="teste" method="GET">…
-
2
votes1
answer71
viewsWhat is the default speed value in Bootstrap 4 animations?
I want to scroll the screen to the element with ID main-title, for this I am using jQuery animation function with 1000 ms as below: $("html, body").animate({scrollTop: $("#main-title").scrollTop()},…
-
2
votes4
answers3072
viewsHow to leave a height-height fixed on the page?
What to make the page occupy 100% of the viewport, that it does not have scrollbar. Whether on a small, medium, large phone, tablet and desktop. The height (height) has to be fixed, occupying the…
-
2
votes1
answer960
viewsHow do I make an image appear on the full screen only in mobile mode?
Are two site templates, the desktop (Which is already ok) and mobile. In mobile, I want it to display a black background with JUST an image occupying the center of the screen. The entire length…
-
2
votes1
answer568
viewsHow to make a Modal Portfolio appear from left to right?
Portfolio Modal, example: http://ironsummitmedia.github.io/startbootstrap-freelancer/ I want to modify the animation of the Modal Portfolio (bootstrap). I want it to appear from left to right…
-
2
votes1
answer245
viewsSend data from one modal to another modal
I have a modal call details, I have the following data on it: <input type="text" class="form-control" id="id" name="id" required> <input type="text" class="form-control" id="nome"…
-
2
votes1
answer2485
viewsLabel and input on the same line
Hello, I am using bootstrap to build my html page and am having a problem with form-control. I would like my label and my input to be on the same line, close to each other, but the most I could get…
-
2
votes1
answer1566
viewsTransforming grids into Carousel (slider)
I would like to know if it is possible to make a group of cols-* stay as carouel/slider only when less than 750px. First of all, for those who do not understand bootstrap well, both grids and…
-
2
votes3
answers867
viewsDoes not parse the bootstrap datepicker for dd/mm/yyyy - 400 Bad Request (POST)
I have a web application, basically pure wheel with JSP + Angularjs. The template that I use bootstrap, didn’t have datepicker with Angularjs, so I’m using with jQuery. I have on my screen, a modal…
java angularjs twitter-bootstrap spring-mvc datepickerasked 8 years, 10 months ago Leonardo Leonardo 283 -
2
votes2
answers758
viewsHow to create dynamic columns with Bootstrap and PHP?
I have 30 itens that will come in alphabetical order. I need to distribute these items in 3 columns in alphabetical order VERTICAL. The problem is that in Bootstrap, the blocks are marrying each…
-
2
votes1
answer239
viewsError using glyphicon with bootstrap-Sass
Good afternoon, I’m trying to work with bootstrap-sass and sass, However, by including an icon in my class, nothing happens. Below follows the line of code that represents the same, I wonder if I…
-
2
votes1
answer1760
viewsHow to load the information inside the modal (bootstrap 3.3.6)?
I’m hoping that in the modal, after clicking on the display option, it will load the information. However, it only loads the ID 1 of the table, regardless of which table item I want to view. It…
-
2
votes5
answers10211
viewsSpacing between Bootstrap inputs
I wonder how I can add a spacing between the selects, for better understanding see the image down below: I tried with css: .col-md-4 {margin-bottom: 5px;} But it got weird, man code html currently…