Most voted "bootstrap-3" questions
Bootstrap is a free collection of tools for creating websites and web applications. Use this tag only when the subject is related to this version of the framework.
Learn more…538 questions
Sort by count of
-
2
votes1
answer6289
viewsCentralize div in Bootstrap
Hello, I have a PHP page on which I am using Bootstrap to make a simple search screen. <div class="container"> <img src="/img/logoSuivi.png" class="img-responsive center-block"> <div…
-
2
votes1
answer2910
viewsHow does the 'Shown.bs.modal' event work?
The doubt is simple : How the event works¹ shown.bs.modal in Boostrap CSS? How could I create something like this event ? ¹ - Not how it works to use this event, but how the plugin has a special…
-
2
votes0
answers43
viewsTabs inside modal returning data
I am creating a page that displays the data that was registered and within this data I have the option to View, Edit, Terminate and Delete the record. In this case, the option to View, Edit and Quit…
-
2
votes3
answers628
viewsMake html class appear and disappear by js
I have a registration page, and when the data is entered wrong, a alert(); reporting the error, but wish instead of being Alert, it was an error message just below the fields. I put a span with an…
-
2
votes3
answers657
viewsChanging the pointer on a bootstrap-datepicker
I own a bootstrap-datepicker, when I place the mouse on top of the calendar on the day or on the month navigator the pointer that appears is that of selection, similar to I, but I wish it was the…
-
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
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…
-
2
votes1
answer1093
viewsAllocate search box in standard Bootstrap Navbar
I’m having trouble allocating a search box on bootstrap. I’m trying to allocate it to navbar standard, top right aligned. My intention is that at each screen, I can modify the parameters for the…
-
2
votes1
answer1187
viewsHow to insert HTML elements into a Tooltip Bootsrap?
I have a code that generates a tooltip with a small message and makes disappear after 2.5s. var msg ="Oops! Essa é uma mensagem pequena"; $('#addItInfo').attr('data-original-title',msg);…
-
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
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
votes3
answers869
viewsQuestions to send data via POST
Hello, I’m trying to send over $_POST some data for validation and later insertion in the database, what I could do in another project exactly the way I’m trying to do now, but I’m not getting it.…
-
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
votes2
answers1356
viewsBootstrap Datepicker doesn’t work?
HTML <input type="text" id="datepicker" class="form-control"> THE SCRIPT IS LOADING NORMALLY <script src="{{ asset('js/bootstrap-datepicker.min.js')}}"></script> JAVASCRIPT…
-
2
votes3
answers13362
viewsCarousel Bootstrap: Change Size
I’m trying to add my images, which have 700 x 400 dimensions, to the bootstrap Carousel. And I wanted Carousel to have exactly those dimensions, too. However, when I try to do this, the image…
-
2
votes0
answers18
viewsphp does not display accent with utf-8
I am working with PHP 5.6 and SQL Server. I am working with bootstrap and the database is Latin1_general_ci_as. My HTML is as below: <!DOCTYPE html> <html lang="pt-br"> <head>…
-
2
votes2
answers3819
viewsHow to create "Banner" with css?
I’d like to produce a Banner similar to the photo using css. I tried using characters UTF-8 and the result was almost perfect, but I would like to do with css to avoid some problems of…
-
2
votes3
answers349
viewsI need to clone the contents of a div and put in the form of my modal
Good afternoon, everyone. Once again I come to you about a problem I have. I need to use the syntax below in a modal. $("#divConsulta").clone().appendTo($("#formFruta")); In the row below when…
-
2
votes5
answers3628
viewsmodal boostrap opens and closes alone
I’m having a problem with my modal bootstrap. It is as simple as possible, I took the example of the bootstrap site itself to test it but when I click the button, it opens and closes immediately…
-
2
votes2
answers1555
viewsHow to get the bootstrap value toggle true or false?
Has a code: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/> <link…
bootstrap-3asked 8 years, 1 month ago Matheus Miranda 5,375 -
2
votes1
answer1412
viewsResponsive bootstrap menu does not close when clicking
I would like to know why the bootstrap menu on mobile devices does not close when clicking on the menu. It opens normally, but if the user wants to close, it does not close. Access link:…
-
2
votes1
answer3536
viewsAlert auto close using Bootstrap
Using Bootstrap and created a button save in which it performs a specific function selector(). This function will be executed only after saving in the bank, then it will show an alert that will…
-
2
votes0
answers105
viewsdatepicker loses formatting and mouse icons
Personal I am implemented the Datepicker with date and time (standard en) I’m using the component that’s on this link: http://eonasdan.github.io/bootstrap-datetimepicker/ Reading the manual I used…
-
2
votes1
answer1034
viewsHow to pass parameter to modal, query Mysql and return in html
I’m trying to pass a variable to a modal, perform a query to give a feedback on html, because the data will be formatted in a table. I tried some suggestions as alternatives, but I’m having…
-
2
votes1
answer84
viewsOpening a full size Table
Well I have the following doubt. I have this table in my project. The user complains about the size because the scrollbars appear, as the page already has a lot of information can not increase it…
-
2
votes1
answer1257
viewsCentralizing modal bootstrap on mobile screen
I’m trying to centralize a modal bootstrap in the center of a mobile screen, but the result is the following: I’m following this example, but it’s not working: How to Center a Modal Box Horizontally…
-
2
votes1
answer318
viewsHow to clean/reset bootstrap fileinput after selecting new image?
I am trying to clean/reset after selecting new image. After selecting image, clean Initial Preview Follows the code: HTML: <input id="input-pd" name="input-pd[]" type="file" multiple…
-
2
votes1
answer2921
viewsbase_url of Codeigniter 3 by changing the call link of css and js
Good afternoon, folks! I’m making a website with a signup page that uses codeigniter and bootstrap, but I’m having a problem: CSS and JS load normally, but when I make a signup and redirect a page…
-
2
votes1
answer408
viewsDiv to loading ajax in full screen?
I’m using Bootstrap 3 and created a <div> that works in full screen for an ajax loading, this works well if the screen is docked, without scrollbar in vertical. But now I noticed that if the…
-
2
votes2
answers480
viewsAligning Counter on Icon
How to do in a correct way where the counter is always in the same position as illustrated below Here depending on the resolution it leaves the position How I wish it would turn out My Code…
-
2
votes2
answers2173
viewsHow to make a Bootstrap Collapse button disable the other
I created two buttons Collapse in Bootstrap with two different contents. What happens: When I click the first button the content expands. When I click the second button the second content expands…
-
2
votes1
answer145
views2 clicks to open the Popover again
I’m creating a popopver where I inserted a close button. As shown below in the image: HTML: <div class="dropdown" style="float: right;"> <button type="button" class="btn btn-default btn-xs…
-
2
votes1
answer430
viewsPopover inside a table does not work
I’m trying to put a Popover inside a row of a table that’s dynamically assembled according to the data coming from the database. I tested out of the table and it worked, but inside the table row no.…
-
2
votes1
answer12040
viewsWhy are the pull-left and pull-right classes no longer working in Bootstrap 4?
I’m updating the code to the current version Bootstrap 4 and was in Bootstrap version 3. I have updated the CSS, JS, and other files. It turns out that some parts are no longer working. These are…
-
2
votes1
answer6731
viewsHow to keep the input date bootstrap on the page?
I implemented the "date" class of Bootstrap 3. When accessed the page, the field is rendered normally, but at the end of the page load the input text and the calendar icon simply vanishes.…
-
2
votes1
answer181
viewsHow do I increase the selection range of a list item within a drop-down menu
How do I increase the selection range (gray color) to be wide and high as selected in red? body { padding-top: 50px; padding-bottom: 20px; } /* Wrapping element */ /* Set some basic padding to keep…
-
2
votes3
answers1214
viewsInput date ta in English
I made an input date of the bootstrap and it ta in English, there is some way it stay in en? HTML <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> <link…
-
2
votes3
answers478
viewsHow to center a text in the middle of the page?
I’m using bootstrap 3. I want to center a text as the example below. @import url('https://fonts.googleapis.com/css?family=Anton|Black+Han+Sans|Open+Sans+Condensed:300'); /* font-family: 'Black Han…
-
2
votes1
answer810
viewsTake data-attr value and insert into another element
I have a dynamic listing with PHP, and when you click on a "< tr> " of the table that is listed, you should open a modal with various information. What I intend to do, is to assign certain…
-
2
votes2
answers278
viewsHow to fix menu with fadein effect?
I have the following code that fixes the menu using bootstrap: $(window).scroll(function(){ scroll = $(window).scrollTop(); if(scroll > 500) { $('.navbar').addClass('sticky-top') } else {…
-
2
votes2
answers175
viewsInput does not track col-Md-8 size
I’m training in creating Forms, and I’m making use of bootstrap in it, mainly from <div class="row"> and <div class="col-md-4">. However, when I put only two elements on the same line,…
-
2
votes1
answer1146
viewsHow to align 'N' Divs on the same line?
I got the following container where I would like to keep the divs on the same line: How can I do this alignment ? Follow example of the code below <html> <head> <meta…
-
2
votes1
answer169
viewsHow to have two checkbox components inside a Row with a title
I’m a beginner in HTML/CSS/Bootstrap and I have a question about how to put two checkbox components in some type of container with a title. Am I doing it the right way or is there a better way to do…
-
2
votes1
answer272
viewsI cannot decrease the size of components . form-control
Hello, I’m trying to decrease the size of components that use class. form-control of bootstrap 3 but when I try to set the width of the components to the value "auto" it generates a spacing between…
-
2
votes1
answer503
viewsCreate HTML shape and overwrite navbar
I need ideas on how to make a navbar like this. I tried with clip-path, but I don’t know if it’s a good one. These triangle curves and mainly the green bar curves complicate my life. The navbar is…
-
2
votes2
answers56
viewsQuestions on how to use javascript with visible and hidden fields
I have the following doubts: 1- In my code you have two options (CPF/CNPJ) and the options only appear when you click on one of the two, I wonder how I can do so that the Cpf option first appears…
-
2
votes1
answer290
viewsHow to hide the message in bootstrap?
Look at the picture When I open the modal form it already appears the validation message track, I would like it to appear only when the validation is activated. It’s that piece of code; <div…
-
2
votes1
answer74
viewsButton and input color problem with bootstrap 3.3.7
I have a problem with the colors of my buttons, and I haven’t figured out how to fix it yet. If you have a button with type submit doesn’t stay in the color I want. Example with type submit:…
-
2
votes0
answers293
viewsChange Horizontal menu to vertical with dropdown
Good afternoon, I have this menu in w3school bootstrap. The menu is horizontal and has the vertical dropdown. I intended to place the menu vertically, that is, below Home to have Page1, then Page 2…
-
1
votes3
answers1741
viewsChange the breakpoint (breakpoint) of the navbar
I have a navbar that works with Collapse, so when in lower resolution the menu is grouped and appears only when clicked. Anyway, is there any way that I can change the navbar breakpoint only so that…