Most voted "bootstrap-4" questions
4th edition of the Bootstrap framework. Use this tag on issues related exclusively to this version.
Learn more…332 questions
Sort by count of
-
2
votes1
answer108
viewsMultiple "form-Controls" within the same "form-group"
In this section of the Bootstrap 4 documentation, says: "We do not support Multiple form-Controls in a single input group" But on the same page, in the section Multiple inputs, a little further…
-
2
votes2
answers476
viewsCentering dropdown menu in Bootstrap 4
By default, the dropdown component menu of Bootstrap 4 is left-aligned with the button that opens it: I need to align the dropdown menu with the center of the button so it looks like this: I found…
-
2
votes1
answer53
viewsAlignment with two elements in the flexbox: One centered and the other at the end of the flexcontainer
I’m trying to align two elements in the same line: one centered and the other at the end of the flex container. I get the expected result with this code: <div class="row"> <div…
-
2
votes1
answer210
viewsHow do I get the toggle menu to close when clicking and take me to the beginning of the section correctly?
When I add the code below, the menu even closes when I click, but that doesn’t get me to the starting point of Section. This takes me a few pixels down, unlike what happens in my original code…
-
2
votes1
answer310
viewsCSS Sticky position does not work with Bootstrap class=Row
Hail, hail. I’m having trouble fixing a menu on a website. When page content has a DIV with class bootstarp ROW, this DIV overwrites the menu at scrolling time. HTML: <html> <head>…
-
2
votes1
answer198
viewsMy carousel button stopped working when I uploaded the images
Good, I put a bootstrap Carousel in my HTML but when I put the images the slide change buttons stopped working. You can see what’s wrong? <head> <link rel="stylesheet"…
-
2
votes2
answers43
viewsAlignment of div to the center of another div
I have 2 div’s, a div is the main one, and inside this div I have another that contains 1 graph as the image shows. I need to put the graph div to the center of the main div, how can I do that?…
-
2
votes1
answer27
viewsCan you resize the background-color property?
I created a <h4>within a div as follows <div class="col-sm-12 divQuatro fundotransparente"> <div class="container"> <div class="row"> <div class="col-sm-8"> <h4…
-
2
votes1
answer84
viewsAuto Close Alert after consultation in the Database
I am trying to close an alert automatically after the user performs registration/login. The alert is working in a good, as soon as the query in the Database is held the alert appears on the screen.…
-
1
votes1
answer871
viewsBootstrap . Nav-pills active
I have the code, which by clicking another link opens the page and adds the class .active I have tried several scripts and nothing works. <nav> <ul class="nav nav-pills float-right">…
-
1
votes1
answer584
viewsBootstrap menu 4 with two lines
How to make bootstrap menu 4 with two lines, Brand aligned on the left, social on the right and navigation on the bottom line…
bootstrap-4asked 7 years, 1 month ago Jugonz 11 -
1
votes0
answers28
viewsDoes Bootstrap have legacy code if I update the version in my project?
I can update my project that is using Bootstrap version 3.3 to the Bootstrap version 4.0 current? There is a legacy code that assures me that I will not have GREAT problems?…
-
1
votes2
answers3247
viewsHorizontal scroll bar with bootstrap 4
My dear, my site is popping on the sides generating a bottom scroll bar and next to the right edge is a whole white part. I can’t see where the mistake is. Here’s a print of what’s going on. Follow…
-
1
votes1
answer2389
viewsCustomize Select Option
I need a Select equal to the image: But this is from Twitter Bootstrap and I use Bootstrap 4 and in the documentation I did not find anything like this. You can do it with Bootstrap 4 or even in…
-
1
votes1
answer256
viewsIs it possible to place an image inside the progress bar?
I wonder if it is possible to place an image inside the bootstrap progress bar, while the bar goes walking, soon the front of it goes like a small cart. That would be possible? Progress bar: <div…
-
1
votes1
answer106
viewsDatetime Picker
I’m using this datetimer Picker datetimepicker The date appears like this: 2018 January 30 - 10:00 And I want it to look like this: 2018-01-30 10:00 You can do it in jquery or I need to change the…
-
1
votes1
answer1034
viewsDropdown does not fit the screen
Hello, I’m starting my migration to Bootstrap 4 and I’m trying to make a dropdown aligned on the startling right of the layout. The problem is that by clicking on the menu it does not adjust the…
-
1
votes1
answer1736
viewsTo update a project from Bootstrap v3 to Bootstrap v4 just change the files?
I have a project that was done using the Bootstrap v3, however I would like to update it to version 4, for this, just change the files or it will be necessary to rewrite again?
-
1
votes2
answers2443
views100VH height however page contains scroll bar
I have this page, that I put the height of the page in 100VH, to occupy the entire screen, but it is generating these white spaces at the bottom and side, and this is making appear scrollbars, I do…
-
1
votes1
answer1050
viewsGrid Bootstrap System: Can . Row inside . col?
I have a question regarding the Bootstrap Grid System, it is valid to use a .row within an element with class .col-x-y in case I want to create more than one column inside that .col-x-y? In short,…
-
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
votes1
answer167
viewsBootstrap - Paint a whole row less a specific column
The code above almost works, just can not paint in the first column, how can I solve this ? $('table').on('click', 'tr', function () { if ($(this).hasClass('table-info')) {…
-
1
votes1
answer541
viewsList grid and list view with bootstrap 4
I wonder if I can do that effect that click on the icon above and the thumbnail switch mode list to Mogo grid with bootstrap 4 I’m searching the internet some ready example but only bootstrap 3 find…
-
1
votes2
answers4599
viewsOpen a modal that comes from a different PHP page
I want to open a modal on a menu button but only I put it in a separate file just for him, wanted to know what command you can open it by pulling another file in PHP
-
1
votes1
answer189
viewsOpen Collapse via Bootstrap URL
How can I open a particular Collapse via URL? For example: by clicking 'Link 1' he goes to the page 'pagina1' and opens/takes user to Collapse 'link1' (href="pagina1.html#link-1"), in this case…
-
1
votes1
answer163
viewsDifferent checkbox and radio button position in internet explorer
I’m using Bootstrap 4 and the same form is different in IE. The image below is the IE and some elements is maladjusted. The image below is a Google Chrome print is correct. <div class="form-group…
bootstrap-4asked 6 years, 9 months ago fabricio_wm 1,090 -
1
votes1
answer779
viewsBootstrap HTML boot Collapse how to disable one when opening another
Hello, If anyone can check my html and css code please! I want that when clicking the zombie or multiplayer button when one is already open, the other is disabled. Like the Multiplayer Pod Boot is…
-
1
votes1
answer2223
viewsCarousel Full Screen Bootstrap 4
I’m trying to make a first screen of a site with just a Carousel, so that it occupies the entire screen of the user (responsibly). Do you understand? Like the index screen will always be a full…
-
1
votes1
answer2173
viewsMake Bootstrap 4 use 100% screen height
Whenever I create a Row no, the size is taken according to the amount of element, then I want to center the card and I can’t, because it doesn’t take 100% of the screen <div class="container…
-
1
votes2
answers121
viewsCollapse bootstrap 4 does not work mobile
I’m having trouble with a bootstrap 4 in mobile mode. It opens normally but does not close, I’ve spent a lot of time trying to solve and more still researching! Please help me... Please check in the…
-
1
votes1
answer1423
viewsBootstrap 4 Modal Multiple
I’m making a page that uses modal on top of modal (click the button, open modal and when you click the button inside that modal opens another). I was doing this with bootstrap 3.3.7, BUT now I…
-
1
votes1
answer6751
viewsBootstrap selectpicker in bootstrap 4
Bootstrap selectpicker works with bootstrap version 4? Is there incompatibility between them? There is another similar "plugin"? I’m testing it like this: CSS imported: <link…
bootstrap-4asked 6 years, 9 months ago Italo Rodrigo 4,344 -
1
votes2
answers547
viewsAlignment of fields in bootstrap
Good evening. On one of the pages of my site, I changed the position of the input fields to be next to the Abels, originally it was like this: http://tratspay.com/app/editar-produto.html . After my…
-
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
votes1
answer122
viewsDisable Collapse bootstrap v4 Standard 5.5
all right? For this my doubt, I already found solution for bootstrap 3 but for 4 no. I searched several pages, here in the stack, I tried to modify the css and nothing. Anyone can help?…
-
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
votes1
answer570
viewsProblems with sweetalert2 and bootstrap4
I’ve set up a page where the customer needs to type in their Cpf to proceed. Includes error messages with sweetalert2 only that when displaying them it is not possible to close. The Sweet-Alert box…
-
1
votes1
answer87
viewsHow to make Bootstrap 4 look like Bootstrap 3?
Assuming I’m using Bootstrap 3 in a project and want to upgrade it to version 4, but keeping the look of Bootstrap 3 (buttons with gradients, shadows, etc). Is there any way to do this the easy way?…
-
1
votes1
answer127
viewsSpacing between grids and image pasted on the card
How do I give a spacing between text and accordion: Follow the code: https://codepen.io/ludieverson/pen/vMqVXv <link rel="stylesheet" type="text/css" media="screen"…
-
1
votes0
answers151
viewsBoostrap with different views in Chrome and Firefox
I have a dynamic list fill code that in firefox correctly displays the fields, but in Chrome is disorganized, as if boostrap is not working. Follow the code below function inserirFormulario(dados) {…
-
1
votes1
answer1414
viewsImplementing Grid Bootstrap 4 and Sidenav
Hey there, fellas. I’m doing a little project and I’m having difficulty using grid and sidenav bootstrap, I want to make a fixed menu side, no responsiveness with 30% of the screen size and the…
-
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
answer32
viewsSplit a button to change the background of part of it
I would like to do the same on this button in the chaos, split to use the 4 with the gray background and the rest in the common white, Obs. I’m using the Bootstrap 4 button.…
-
1
votes1
answer2372
viewsBootstrap 4 Multilevel Dropdown
What’s the easiest way to put a multi-level dropdown on my navbar made with Bootstrap 4? I tried some methods on the Internet, but everyone uses ul, my navbar already uses div's. Example:…
-
1
votes1
answer275
viewsBootstrap menu Collapse above the text
I’m creating a website that, when accessed by mobile, your horizontal menu is compressed (Collapse), as shown in the image below: However, after I click on the menu symbol, the options appear above…
javascript html css twitter-bootstrap bootstrap-4asked 5 years, 2 months ago Pedro Schimmelpfeng 11 -
1
votes1
answer69
viewsHow to remove the border in Bootstrap when an object is clicked?
The question is self esplicativa, I have a button in specific that I would not like it to have this effect that the bootstrap puts by auto when it is clicked, already tried to change in css, but…
-
1
votes1
answer672
viewsSlide does not fill the entire screen with bootstrap
I’m trying to put a slide on my site, but when I index the Bootstrap 4 on the page, the slide does not get full screen (does not fill the screen), when not indexed the slide wheel straight fills the…
-
1
votes1
answer268
viewsAccordion table in single row
I’m working on an Rails app. I’m currently working on the front end. I have a table of how it behaves on large screens. but when reducing the screen (cell phone size) I would like it to be in…
-
1
votes1
answer437
viewsNavbar bugada in the resposivo
My site has a bug that I don’t know when it started, it was working normally, when I clicked on the burger menu the menu went down with the options with a white background and below on Nav, but now…
-
1
votes1
answer276
viewsProblems editing bootstrap variables
I am doing a project and I am using bootstrap 4 with scss I am creating a form using the classes of the framework itself: <form class="form-search"> <div class="input-group"> <input…