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
-
1
votes1
answer7683
viewsBootstrap modal does not open
I have a button that when clicked opens a modal of bootstrap. However, when clicking this button, the modal is not opening. It follows the structure of the code: <html> <head> <script…
-
1
votes1
answer120
viewsRedeem values from a modal item to update it in the database
I have some items returned from the bank that is listed in a table. To add an item, I call a modal where I fill in the fields by saving them in the database. However, if filling in this field is…
-
1
votes1
answer2461
viewsBootstrap - How to increase the size of the input column?
Follows the code: On the index page: <!-- Modal --> <div class="modal" id="minhaModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div…
-
1
votes1
answer178
viewsHow to override a height assigned to a div?
I’m using bootstrap and this is my css: .painel-altura{ height: 540px; } @media (min-width: 630px) { } I would like to cancel this height and leave it the size before 540px. I’m trying to use @media…
-
1
votes0
answers464
viewsExternal js function in jsp
Hello, I intend to use an external js Function, a js typeahead, and call it in my jsp input, but it’s not working accordingly. Js import to my jsp. <script src="javascript/todospaises.js"…
-
1
votes1
answer1325
viewsHow to fix the last column with horizontal scroolbar?
I’m using a simple plugin: http://www.jquery-bootgrid.com/ How can I leave last column fixed ? Here is an example of a fixed column:…
-
1
votes2
answers573
viewsCall a form depending on selected radio inputs
I have two input fields of type radio depending on the combination of choices I want to call a different form for each case, example. <label>SELECIONE UMA OPÇÃO</label> <form>…
-
1
votes3
answers939
viewsJavascript set value in Modal Bootstrap
I have the following javascript code: function chamarModal(valor) { $('span.nome').text(valor); $('#pagamento-modal').modal(); } How do I set this variable content valor in my modal bootstrap? I…
-
1
votes1
answer764
viewsBoostrap menu with two lines
Is it possible to create a menu in Boostrap using two lines? I have several items to put in a menu, I’m decreasing the font, I took up the logo, but I didn’t like the result. I would like to have 2…
bootstrap-3asked 7 years, 7 months ago Hebert Richard Masseno Dias 291 -
1
votes1
answer144
viewsHow to show buttons for each menu option?
$(document).ready(function() { $("#myModal").modal('show'); $('#myModal').on('show.bs.modal', function(e) { $('.chosen-select').chosen(); }); }); <link…
-
1
votes1
answer2240
viewsDiv full screen with Bootstrap?
I’m trying to create a div on the whole screen that will serve as a loading, but I’m having a problem because <header> I have a navbar which I defined as navbar-fixed-top and the div does not…
-
1
votes3
answers2084
viewsHow do I Reload only in the modal window?
I am using Bootstrap modal and wanted to close and open the new modal information be reset. I have a form within the modal, containing select, textarea, input. But when opening the modal from the…
-
1
votes1
answer1126
viewsPlace div next to div
Well, I have div items and div items2, which are both inserted within 1 div. What I intended to do was to align the div items and the div items2, since the div items2 is always below the other. What…
-
1
votes1
answer610
viewsAligning images within Bootstrap Panel
I got the following Panel: <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">Header</h3> </div> <div class="panel-body">…
-
1
votes2
answers465
viewsjquery.validate.js does not work without form-group (Bootstrap)
The validation of jquery.validate.js only works when the input this one inside <div class="form-group">, for example if I put the code: <div class="row"> <div class="col-sm-12…
-
1
votes1
answer2524
viewsHow to adjust Select size in Bootstrap?
I’m learning Bootstrap to make a simple page and want to increase the size of my Select. See the current code: <div class="container"> <div class="row"> <div class="col-md-12">…
bootstrap-3asked 7 years, 4 months ago Italo Rodrigo 4,344 -
1
votes1
answer312
viewsFull Slide Bootstrap
Hello, I added a slide Carousel on the site I am developing, and I would like to have width: 100% in my header, but even adding this property does not apply, Can you help me ? This is my index:…
-
1
votes0
answers173
views(ASP MVC) Glyphicons Bootstrap does not work in Firefox
I have an ASP MVC 5 application where I use the Bootstrap that comes along, however, both in debug and in publishing, the Bootstrap icons (glyphicons) are not being loaded, see image: I am using the…
asp.net-mvc bootstrap-3 firefox bootstrap-glyphiconsasked 7 years, 4 months ago Guilherme Golfetto 743 -
1
votes1
answer139
viewsLine break with different image height, Bootstrap
I have a problem in my Grid with line breaking, the images come from a database and are of different heights, some horizontal and other vertical. I’m wearing the bootstrap. I have that code <div…
bootstrap-3asked 7 years, 4 months ago Wagner Martins Bodyboard 698 -
1
votes1
answer152
viewsRor error: Undefined method `[]' for nil:Nilclass -> Sitename::Home#index
This application was made through the following Bootstrap template: https://blackrockdigital.github.io/startbootstrap-business-casual/ In my case, after I have made all the changes and adaptations,…
-
1
votes1
answer25
viewsChange class when changing view
I’m using bootstrap and angular I have a Nav: <ul class="nav nav-tabs nav-justified" ng-model="activeVar" style="margin-top:50px;"> <li role="presentation"><a value="overview"…
-
1
votes1
answer922
viewsAJAX request in Bootstrap
Hello I am needing to open an external page through an AJAX request on my ROW in Bootstrap, but I am not succeeding, I am following the tutorial of the link below, but it is not opening my page in…
-
1
votes2
answers682
viewsAdjustment of css bootstrap button
I’m trying to get the height of one button in the form, but it appears very high in relation to the fields: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"…
-
1
votes0
answers44
viewsHow to activate the link according to Slide navigation
I have a slide made with Bootstrap 3 and I need to pass the slide images, the menu stick to the green letters and the outline to identify the navigation, showing where the person is. Today when I…
-
1
votes2
answers166
viewsDynamic completion autocomplete
I’m trying to use the Bootstrap + Chosen, in my select option to make a combobox with autocomplete. Only I’m filling in the select dynamically with jquery. But when implementing Bootstrap + Chosen…
-
1
votes1
answer42
viewsText and image do not change color
I have some buttons that when I move the mouse, the background turns orange but the text and image do not change. Only when I step on the changing image. I’d like you to change it once the div turns…
-
1
votes1
answer16
viewsImage exchange error on dropdown button
Hello. I have a dropdown menu (bootstrap 3.3.7) that has two images that change them via css. When the menu is active the module button should not turn gray but white. This one below is correct.…
-
1
votes1
answer948
viewsHow to remove white margin from a Carousel (Bootstrap)?
I created a Carousel on my site through the Bootstrap code, and I want it to occupy the entire width of the screen (100vw) and almost the entire height (90vh); therefore, I put in the container…
-
1
votes1
answer328
viewsScroll bar showing alone
Follows code: HTML: <!-- Button trigger modal --> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> Launch demo modal </button> <div…
-
1
votes1
answer94
viewsImage cut when decreasing page width
I am developing a web application in jsp and Servlet and put an image in a bootstrap column <div class="col-11"></div> so I put the image in the center of the screen using themargin-left…
-
1
votes1
answer223
viewsBootstrap menu does not work
I’m developing a web application and I put it in the bootstrap menu link Menu in normal page width but by decreasing the page width the menu does not look like this. Stay like this HTML <div…
-
1
votes1
answer160
viewsMisaligned image when page width decreases
This is the resolution of my image in normal page width But by decreasing the page width the image looks like this. I would like the image to be the same size as the 1 small image HTML <div…
-
1
votes1
answer1508
viewsBootstrap dropdown menu does not work
I am developing a web application and I am using the dropdown menu of bootstrap but it does not work My <head></head> <head> <meta http-equiv="Content-Type" content="text/html;…
-
1
votes1
answer339
viewsSelect Group with PHP
I’m trying to feed a select group with database data, but it’s not working. Someone can see the error? <div class="form-group"> <select class="" name="agencia" tabindex="-1" style="height:…
-
1
votes0
answers51
viewsIs this a good way to instantiate a modal without leaving traces in html?
The initial phase of the project I’m working on is almost over, and I’m adjusting things done in a way not very well done (gambiarras). One of those things was that I left two modal elements of…
-
1
votes1
answer65
viewsDiv without padding lef and right in mobile view
Hello, I’m a bootstrap beginner and came across a text visualization problem that I’m having trouble solving. The situation is as follows, as in the attached images, my page has a field that…
-
1
votes2
answers151
viewsProblems with bootstrap grid system
Guys, I’m having a problem with the bootstrap grid system, I don’t know why, but when I resize the site to the size of a device, it doesn’t fit properly.. Any suggestion? HTML: <html…
-
1
votes2
answers764
viewsUpdating Progressbar in JSF
Good Afternoon, I’m doing an asynchronous method that searches the database(oracle), and returns in an Excel file. Inside my Method has the for @Async public synchronized void…
-
1
votes3
answers1297
viewsDatepicker does not apply changes made
I’m using the bootstrap datepicker, but when I make some modifications they don’t apply var defaults = $.fn.datepicker.defaults = { autoclose: false, beforeShowDay: $.noop, calendarWeeks: false,…
-
1
votes1
answer623
viewsBootstrap 4 Nav bar
Good morning This is the code I use in my menu bar, but when you do Collapse the button is the whole size of the bar by raising the logo icon, I wanted the Collapse button to look the way it should…
-
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
votes1
answer1401
viewsHow to create a mouse-over effect on an image and position it where I want?
I’m looking to replicate an effect of mouse over but what I’ve achieved so far is a bit buggy, the line with the effect is going from one side to the other, and it’s not just the length of the text,…
-
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
answers5850
viewsHow to generate event from checkbox marking or unchecking with jquery/javascript
I am trying to generate events from the user action in a checkbox list. The idea is simple: Manage the appearance of "Divs" content on the screen from the ". toogle()" jquery checkbox in html. The…
-
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
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
votes1
answer1148
viewsRows and columns in html
I’m not getting the columns to be on the same line, I’m using the code below, but the columns come out side by side, and I want it to be on the same line. <!DOCTYPE html> <html…
-
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
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…