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
-
0
votes1
answer202
viewsFlexbox nos cards Bootstrap 4
I’m trying to show two cards even on smaller screens, however when it comes under 576px it seems to flout the lower rules and displays only one card per line. What am I doing wrong? I have the…
-
0
votes1
answer105
viewsI’m having trouble showing my Manytomany field models on the Django template
I wonder how I can show my Manytomany field on my table, follow the code below. My Model: class Instrutor(models.Model): id = models.AutoField(primary_key=True) registro_instrutor =…
-
0
votes2
answers2253
viewsAngular 8 / ngx-bootstrap / Datepicker
I’m using the datepicker da ng-boostrap and I am finding it difficult to format the date that goes to the input after clicking on the desired day: I would like it to be in format: dd/mm/yyyy.…
-
0
votes1
answer61
viewsProblem to migrate bootstrap v3 to v4 with Angular 8
I am following a tutorial for creating a Dashboard with bootstrap v3 with angular 2, however I am trying to continue using the bootstrap v4 and angular 8. In the creation of Navbar and the side menu…
-
0
votes1
answer1742
viewsDatetimepicker only works on Bootstrap 3
When you click, just open this pop-up. IMG1 By clicking the pop-up, it slides up and does not show the calendar. IMG2 When I change the boostrap to version 3.x. x, it works correctly. But my entire…
-
0
votes1
answer60
viewsCentralize cards on mobile device
I’m not getting these cards stay centered when on the mobile device, I’ve been told to use media queries, but in that sense I would have to create a new class to assign the css code, I mean, I…
-
0
votes1
answer25
viewsProblems with bootstrap responsiveness for Sm and Xs screens
Friends devs, my screen does not get responsive for small and extra small devices (Sm and Xs), appears a white sidebar on the direct side of the screen and that as the screen decreases more, the…
-
0
votes1
answer81
viewsWhy is the text out of line? and how to solve in bootstrap 4?
Continuing with my question made earlier, I am now using the following code. There was another simple problem that I am not able to solve. The text written "CLEAR FILTERS" is out of tune regarding a…
-
0
votes1
answer813
viewsHover image using bootstrap
I’m trying to apply an effect with Hover, but I’m not getting it. I am using bootstrap 4. I managed to accomplish what I want or almost that, the problem is that appears below and not on the image.…
-
0
votes1
answer200
viewsPlace image outside the Bootstrap container
I need to place an image outside the container, so that the right margin remains the container standard (responsive), and the image always stays together with a "button". Follow the image below to…
-
0
votes2
answers74
viewsAlign table data in different fields
I am working with a card that will work to return data like (today, current month, day yesterday and anyway), but I would like to leave the day equal to image, I could not using tables, follows the…
-
0
votes1
answer905
viewsHow to configure Bootstrap 4 with Angular 8.3.6 using angular.json
I am trying to configure Bootstrap 4 in Angular 8.3.6, I am following the following steps: ng new novaAplicação (create the project) npm install bootstrap jquery popper.js --save (install libraries)…
-
0
votes0
answers52
viewsRun list without scrolling data
I have a Dashboard, on which in a header I call a list after clicking a button. Everything is ok with return and sorting, my problem is in the matter of layout, I wish I had kept only overlapping…
-
0
votes1
answer318
viewsPlace one col over another with bootstrap 4
I need to place a column col-lg-7 of bootstrap 4 over another column col-lg-6 I’m wearing a container-fluid in the father div but I have no idea how to get the result of the image shown below:…
-
0
votes3
answers885
viewsTable not getting Responsive bootstrap 4
I’m venturing into the frontend just like the backend. I’m having a hard time making my table responsive. What is the best way to make a user profile,leaving it in cell phone size? <table…
-
0
votes2
answers916
viewsAlign text in Bootstrap navbar menu
Hello, I’m not able to align on the right the clickable texts of my menu with Bootstrap. Here is the menu code in HTML: <span class="menuresponsivo"> <nav class="navbar navbar-expand-lg…
-
0
votes1
answer262
viewsMessage from Alert Bootstrap in page header
I’m using Bootstrap Alerts 4 for "Invalid user or password" message, the message is showing, but at the end of the page, I need to scroll down a little to see. I would like to insert Alert in the…
-
0
votes1
answer522
viewsHow to format data within a DIV(alignment and source)?
I need to correctly align the information inside the following Ivs, place the image on the left, the title in blue next to the image on the right and the temperature just below the title in blue, as…
-
0
votes1
answer82
viewsIn Bootstrap 4, is there any way that the collapsed menu can be displayed from the right of the screen and not from the top of the screen?
the html code <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta…
-
0
votes1
answer1773
viewsSpacing between items in the navbar - Bootstrap
I wish to place a small spacing between navbar items (home, about, contact, store and disabled). <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta…
-
0
votes1
answer102
viewsCheckbox with checked property does not return me any value
I have a code where the person must select a modality of the academy, for example, the martial arts plan, the person must select which fight she wants. So I made the following code: <div…
-
0
votes1
answer35
viewsHow to direct a link to one of the tabs of a Bootstrap 4 list group
need to access a tab of a bootstrap 4 list group from a link on another page. On the first page I have: link1 Link2 link3 When I click on Link2, I want you to go to the other page and already fall…
-
0
votes1
answer50
viewsDifferent audio on each slide of the bootstrap carousel
I’m developing an application with bootstrap and I’m using its carousel, but this carousel has text and will have different audio on each slide, but I don’t want to click on each indicator and…
-
0
votes1
answer84
viewsModal loses focus when closing another modal
Good morning, guys. I have a situation here that I can’t seem to resolve. is as follows: I have a Botstrap 4 Modal window. From this Modal window I press a button and open a second Modal Search…
-
0
votes1
answer241
viewsButton mobile device responsive
How could do with this button fit when and for mobile device? When it’s for PC it gets right. This is the code. <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">…
-
0
votes3
answers413
viewsAlign text to the center of the image - Bootstrap
I’m using Bootstrap 4 pro site development. I thought I’d start by including the basic grid structure along with the image and an H1 (to test positioning). I wrapped the image and H1 in a div that I…
-
0
votes1
answer45
viewsLoad using Target
I am trying to refresh only in part of the content, so I want to use Jquery with Load method. But I would like to use data-target="name" and load inside the HTML code LI. There is the possibility ?…
-
0
votes1
answer34
viewsWhy is my bootstrap Carousel not working?
Why my bootstrap Carousel is not working ? <!DOCTYPE HTML> <html lang="pt-br"> <head> <meta charset="utf-8" /> <meta content="width=device-width, initial-scale=1,…
bootstrap-4asked 4 years, 7 months ago Marcos Briseno 21 -
0
votes0
answers74
viewsBootstrap video error embed in modal
I’m having difficulties to incorporate video from my site in modal, I put one on youtube and it worked but when I try to put my mp4 in error. I know the error is here <div class="embed-responsive…
-
0
votes1
answer38
viewsSet value in the textarea (Tinymce) by clicking on the table line
Come on, guys, I need a little help here... I am using the Tinymce plugin in a textarea element of my application Node.JS, I wanted to know how to set a text in this element, this text is coming…
-
0
votes1
answer111
viewsBootstrap4 float-right does not work and <Nav> does not style
There’s something I’ve been trying to fix for five hours and I can’t understand why "float-rigth" does not work and not even input. Actually my tag <nav> does not want to stylize. Details:…
-
0
votes1
answer1123
viewsCSS - Remove focus from button by clicking
I’m trying to remove the blue border that appears on the button while clicking, but insists on staying, which is missing? Note: I am using the Bootstrap 4 I want you to have no focus or style on the…
-
0
votes1
answer59
viewsLabel html breaks text - fit with Bootstrap
When I open my desktop page it looks like this: When on cell phone, it looks like this: My code is like this: <div class="form-group"> <label for="qtdpessoas" class="col-sm-2…
-
0
votes1
answer204
viewsOpen modal bootstrap and ask for password confirmation, if password is right, call another modal
I am asking the confirmation of a password for the user, in case the password is right, call another modal with other options, wrong case, display that the password is wrong. I don’t think I know…
-
0
votes1
answer55
viewsProgrammatically edit modal button actions
I am creating a button programmatically that once clicked, will call a modal, however, I would like as soon as they press the button inside the modal, the page restart and close this modal. How I do…
-
0
votes1
answer137
viewsHow to open or close all items on an Accordion
I have a Accordion with 3 items and at the top two buttons, one where I wanted to open all the items at once and another to close all the items at once, someone knows how to tell me how to do this?…
-
0
votes1
answer39
viewsNesting (nesting) is a specific feature of SASS?
I just finished a Bootstrap course and I had one question: nesting (nesting) is a specific feature of SASS? From what I understand here, yes. I say that because when using Media Queries in…
-
0
votes1
answer24
viewsHow to place a button that is in the form and in the same row in a table column?
My problem is this: I am wearing bootstrap4 and would like to put the three buttons on the same line. how I proceed? <td class="col-4"> <a href="/FAQCategory/{{ $FAQCategory->id }}"…
-
0
votes0
answers18
viewsCarousel bootstrap does not work data-touch
I used the bootstrap Carousel to display the images from a list of products. I use Angularjs to retrieve the list from the database. I make use of ng-repeat to assemble the page with the product…
-
0
votes0
answers18
viewsHow to modify State selection using STATE_CHOICES on Django
have a SearchModelForm in my file forms.py in Django with the following code: from localflavor.br.br_states import STATE_CHOICES class SearchModelForm(forms.Form): name =…
-
0
votes0
answers51
viewsStack objects as a multiple item selector with html and css
I have a list of words I want to stack in columns to save and use the left place in an html file for a Django project: I’m not very good at web development, feel free to explain to me as a 10 year…
-
0
votes1
answer116
viewsHow to make a div occupy the entire screen, superimposing the parent element?
Eae galera blz. I am in need of a help with the following effect. I have a button that when clicking it opens a list. But I want this list to take the entire screen. Except that when there is the…
-
0
votes0
answers28
viewsBurger menu does not work on Bootstrap 4
I have been developing templates for my main index of my web application... But the burger menu doesn’t work at all.... Even using the example code (navbar) already in the bootstrap documentation!…
bootstrap-4asked 3 years, 9 months ago Jonatãn da Fonseca Bossan 49 -
0
votes1
answer27
viewsnavbar-Brand + Toggler
I am studying bootstrap and during a project I could not achieve the desired effect. In case the group of buttons that was to be on the right of the screen, on the other side of the line, will not.…
-
0
votes1
answer47
viewsHow to position the text on the right side of this Section? I used"float: right;", but keep this white space, I’m using Bootstrap for the texts
//Caso aja algum script que me ajude, adoraria saber. Obrigado //pela atenção pessoal :) body{ background: #24282f; } /*GALERIA DE IMAGEM*/ .galeria-second{ width: 42%; height: 530px; overflow:…
-
-1
votes1
answer1930
viewsMove down button and center - Bootstrap 4
I’m trying to create a layout with bootstrap 4 and for that I took an example of navbar on their website. The problem is that I would like to lower the mobile button on a new line and centralize,…
-
-1
votes3
answers745
viewsError with Bootstrap 4 at Angular 5
I hit with the following problem in Angular while trying to install Bootstrap in its version 4: ERROR in…
-
-1
votes1
answer63
viewshow to display user data on a bootstrap card after login is validated
hello I am developing a real estate website where I want to store user information after login, I am trying to use Yes however I am not having success in storing my user information in the…
-
-1
votes2
answers808
viewsBootstrap 4 - Modal Form close on button only
I have a modal that is displayed in the loading of the page with some fields, where I need it to be closed just on the exit button, but if I trigger the click outside the modal it closes. I’m using…
-
-1
votes2
answers104
viewsRemove Shadow from Bootstrap Status
As I take that animation that leaves the blue edges of the button when I keep the mouse pressed on it, when I click on it, it gets blue edges. I am using Bootstrap 4.