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
-
1
votes1
answer5846
viewsHow to remove inner shadow from button or input
When clicking on the button appears a gray shadow at the top, creating an effect kind of 3d, however I want to remove it. How I want it to look when I click: How are you: My HTML: <div…
-
1
votes0
answers489
viewsBootstrap Alert in field validation
The form contains a validation for blank fields with a Twitter-Bootstrap Alert in the jQuery "on.click" event, when I click the button for the first time on the "Sign Up" button Alert appears, but…
-
1
votes1
answer1897
viewsEntire and centralized Modal Bootstrap
I put Modal Bootstrap in my template as a test to display messages on the screen but it appears cut in the corner of the screen. How to adjust and center Modal on the screen without getting cut?…
-
1
votes1
answer599
viewsSet maximum height and exact position of a button in a DIV on the page
I would like to know how to put the red X button on top of the div how are: how I want it to stay: currently the class of my boot is like this: position: absolute; top: 9%; right: 2%; by putting…
-
1
votes3
answers431
viewsHow to line up div next to two Rows?
I want to leave the last image centered in the middle of the two Rows but I do not know how to make used one margin-top: 15%; went to the center as I want to put the second Row went down and was not…
-
1
votes0
answers431
viewsHow to destroy the Boostrap v4 modal?
I’m having a problem with the boostrap modal, which is the following: The modal is opened by clicking on a button, so the modal is closed console shows that it opened once. If I click again on the…
twitter-bootstrapasked 6 years, 9 months ago user50860 -
1
votes2
answers59
viewsAlign images with description
I need to align two images so that they are centered, with a description below. I tried something like: <style> .thumb { width: 140px; height: 140px; position: relative; float: left; } .thumb…
-
1
votes1
answer36
viewsCollapse and even dropdown works?
What’s wrong with the following code, collapse and neither dropdown works. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport"…
-
1
votes1
answer175
viewsHow to insert a line above the Carousel
I am trying to make a Carousel that when clicking on the items is displayed the image and next to the content I would like to insert a line like the image below and center the items with the title…
-
1
votes2
answers587
viewsAdjustment of bootstrap buttons
Hello, I need to adjust the buttons of the bootstrap Cap to be next to the photo, today as the attached photo buttons exceed the desired area. someone can help me? This is the html code of my…
-
1
votes1
answer975
viewsCenter button vertically inside Nav boostrap
As I center this button inside a Nav-item, the html is so: <nav class="navbar navbar-expand-sm bg-light navbar-light sticky-top"> <div class="container"> <a class="navbar-brand"…
-
1
votes1
answer128
viewsAdjust icone CSS form
I have the following form However, the H3 icon, from above, was OK, only the next titles I put, are on the side of the form, how to do to adjust? HTML: <h3 class="titulos_cadastro"><i…
-
1
votes1
answer3217
viewsSide div with 100% height with Bootstrap 4
Good afternoon, you guys. I am breaking my head with the side menu of my site, I want it to be 100% height (using height:100% did not work), the problem is this, searching the internet I saw the tip…
-
1
votes2
answers155
viewsDiv does not track internal bootstrap content 4
I’m having trouble making the internet content of my side menu accompany my div, my menu has options that expand, when I open all options the content comes out of the div, I would like div to track…
-
1
votes2
answers459
viewsModify breakpoint of navbar
nav #btn-principais{ background-color: #27C8D0; border-radius: 1px !important; float: right; } #logo{ width: 240px; height: auto; float: left; } nav .icon-bar{ background-color: #000; }…
-
1
votes2
answers11231
viewsHow to center my form with bootstrap leaving responsive;
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"…
-
1
votes1
answer4032
viewsPlace space between two bootstrap columns
Bootstrap speakers inside the div with class .row stick together ( http://prntscr.com/io5hbg ). But I would like to "untangle" them somehow by putting a spacing between them of at least 20px. I’ve…
-
1
votes1
answer2700
viewsI can’t use bootstrap glyphicons
I am not able to use the bootstrap glyphicons, just do not appear, I am using a linux machine, and I know it is something related to fonts folder because it did not come in the common bootstrap…
html5 css3 twitter-bootstrap bootstrap-3 bootstrap-glyphiconsasked 6 years, 8 months ago Eduardo Rafael Moraes 710 -
1
votes2
answers3759
viewscenter vertically Row bootstrap 4
I needed to center this Row in the middle of the page, following the bootstrap documentation, tells me to put align-items-center along with Row, I did, but nothing has changed. my html structure is…
-
1
votes1
answer208
viewsAdjust the alignment of the dropdownlist in a Bootstrap navbar
I don’t know if I’m doing this correctly, but I need to create a dropdown list on my navbar to show a list of branches that will come from the database. The problem is that when I insert it, it is…
-
1
votes1
answer836
viewsAjax does not work with Modal Bootstrap
Hello, I have the following code, where the Modal Bootstrap opens from a BD search when I click on an item from the returned list: <input type="text" name="pesquisa" id="pesquisa"> <table…
-
1
votes1
answer35
viewsProblem with my client using jquery
I have a very unusual and strange problem... I am using the Jquery library, however, it is not being interpreted correctly, the problem is not in the code itself, ie, when I do the code even without…
-
1
votes1
answer1105
viewsHow to change the bootstrap slide default effect to Fade?
Hello, I managed to put the Bootstrap 3 Carousel normal equal shows in the documentation, but I’m having difficulty to put the Fade effect, someone has some solution to do? <div…
-
1
votes1
answer895
viewsHow to group buttons inside a column into a table so that they do not change when the column is adjusted
I have a table that has 4 action buttons inside a cell of a column. When the names start to get larger in character, the table starts to auto-adjust and in the Actions column, the 4 buttons are…
-
1
votes1
answer504
viewsRepeat Carousel Bootstrap
I have this code from a Carousel $('#carousel-example-generic').on('slide.bs.carousel', function() { var interval = $('div.item.active').attr('duration'); setTimeout(function() {…
-
1
votes2
answers107
viewsmy dropdown comes off the screen, how do I get it down to the opposite side?
The dropdown of the stroller, comes out of the picture, it is possible to make it descend to the left side? here is the code: @import…
-
1
votes1
answer234
viewsGet value passed by Aria-Controls (Bootstrap tab panel)
How can I get the value passed by Aria-Controls of Bootstrap tab panel to compare from an Array of data to bring only the products of the category in question. Where to start the Javascript? This…
-
1
votes1
answer2380
viewsHow to place 2 buttons next to each other in the same column of a table in html?
The 2 buttons in the last column of the table are below each other. How do I place them side by side? <!DOCTYPE html> <html lang="pt-br"> <head> <title>Budget</title>…
-
1
votes2
answers1383
viewsHow to add 100% height to a Bootstrap 4 column
I am using bootstrap 4.1, previously I tried to use the class h-100, and unsuccessfully, even Chrome Developer tools indicating that height:100% was applied to the elements. I decided to use a class…
-
1
votes2
answers2482
viewsHow to display Dropdown just by hovering over the content?
I would like to know I can display this dropdown without the user needing to click to have their content accessed, just by sliding the mouse over the MSDNAA-Microsft, for example. <li…
-
1
votes1
answer206
viewsSelect only ONE checkbox with vanilla javascript and bootstrap 4
I have the following code that generates the printable form in the image... <div class="form-check form-group" id="areaTermosCondicoes"> <input type="checkbox" id="accept-term"…
-
1
votes2
answers273
viewsCenter DIV on Bootstrap Grid
I have the following Section, and I need the Divs to be centered horizontally on my Boostratp 3 Grid. It always stays on the Left side and I can’t change that. <section id="servicos"> <div…
-
1
votes1
answer1231
views2 simple speakers with bootstrap
I have a simple question about bootstrap. I may lack some insight to understand the case. I even have some mastery over, but following these images: I know it’s a simple question, I know how to…
-
1
votes1
answer947
viewsPost in a div
Good morning. I have a div that when clicked, opens a page. So far so good and is working. Now how do I make so that when the user hovers over that DIV, appear a Popover with the message "To edit…
-
1
votes2
answers941
viewsHow to call a modal page in a navbar on bootstrap?
I’m developing a website that I need to call a modal in the submenu of a bootstrap navbar, but the php file with the page I’d like to call is in a different folder than the file that navbar was…
-
1
votes1
answer122
viewsVary value of a modal function within javascript
I have a password change field in a modal, in this field I have a function in java script that shows the password when clicking on the icon, as I am in a modal the function works only in the first…
-
1
votes1
answer94
viewsMaking buttons to change tab in a Nav-tabs Bootstrap type menu
Right now, I have the code to follow: https://pastecode.xyz/view/3f023c9b The following Javascript code is intended to make the buttons with the letters "Previous" and "Continue", respectively,…
javascript html5 twitter-bootstrap abaasked 6 years, 5 months ago LUCAS DO HERVAL COSTA TELES DE 13 -
1
votes2
answers2982
viewsChange icon automatically by clicking
I had a question about changing icon in a javascript on a login page. I tried to use the same code or other parts of the page and it didn’t work, because on this same page there are other elements…
-
1
votes0
answers197
viewsNumber of pages in php page
I have a page in PHP where I did the paging that is working perfectly, but I noticed that the screen is getting full of links with the numbering of the pages. Currently I present only 3 results to…
-
1
votes2
answers958
viewsError in modal call with bootstrap 4 and jquery with id= "#"
So guys, I created a modal as follows: <div class="modal fade" id="#siteModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-lg" role="document"> <div…
-
1
votes1
answer77
viewsField with auto required in java script
I have my code where I select an item and the field fits each case. When number is selected the field returns a type given to be typed and works well (I received the hint in another question I asked…
-
1
votes1
answer30
viewsIndividual script values within a modal
I have a modal that presents a number and I do this with the help of java script. On my page I have a search, and in the results I realized that only the first result appears with the field with the…
-
1
votes1
answer2264
viewsScroll Soft Bootstrap
$(document).ready(function() { $(".scroll").click(function(e){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); .menu{background:#ff0;}…
-
1
votes0
answers26
viewsOpen Delete and Send Data window to another page with Javascript
I tried to do it this way, however, I have several records within a repeat loop, the value of the id I can pick up is last on the list. How do I get the value of the record individually. function…
-
1
votes1
answer226
viewsBackground problem with Iphone 6, 7 and 8
I created a layout and my background image is not appearing on Iphone 6, 7 and 8.Testing locally by Chrome appears quietly, but when I test on Iphone 8 it disappears getting only the background…
-
1
votes1
answer485
viewsHow to hide the next and Previous button in the last and first contents of Carousel?
I’m using a Carousel with Bootstrap, but I need that button next disappear when the last item arrives and that button Previous stay hidden while in the first content. My code is not working, but I…
-
1
votes2
answers3029
viewsModal Bootstrap 4: How to call another within a modal
Guys... I have a registration modal. Since I would like to call another modal, being still inside it. I mean... It would be superimposed on my registration modal. I’m using the code to call my modal…
-
1
votes1
answer711
viewsGrid bootstrap containers side by side
I am doing a PHP project, and in it I have to display the products on the main screen as soon as it is registered, it is displaying one below the other, but I want to show them side by side, when…
-
1
votes0
answers110
viewsHow to insert SVG dynamically?
I have several SVG’s and need to insert them dynamically into HTML5 and responsibly... How do I do this feat? Remembering that I will have to manipulate each image svg id. NOTE: THE SVG WILL BE…
-
1
votes2
answers62
viewsAlignment problem in CSS
I have the following navbar: But as you can see, the div#results is misaligned with the input#search. Code: <div class="container-fluid primary-bgcolor p-3"> <div class="row…