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
answer313
viewsModify carousel configuration in bootstrap 4
I’m using the model below to make a slide, model in which I took a previous question I asked and one person helped me gluing the path, but the slide is too big and I need to decrease the size or…
-
0
votes2
answers47
viewsOpen Modal with Delay and After Closed No More
I’m trying to create a modal bootstrap as a one-page greeting screen. The part of it open with delay I managed to do without problems, but I need that when the user closes it, it will not be shown…
-
0
votes1
answer31
viewsHow to put a small modal bootstrap on another larger modal with the fade working properly on the two backgrounds?
I have two modal bootstrap , the first one a modal-Xl, the second one a modal-Sm that is smaller , they normally open. But the first of the effect of fade straight, already when I open the second…
-
0
votes3
answers4107
viewsHow to implement Bootstrap 4 in Angular CLI
I’m having trouble using Bootstrap with the Angular CLI. I am using ng-bootstrap and I am following all the recommendations of the site, but without success, someone knows how to use? installation…
-
0
votes1
answer33
viewsButton that when clicked displays an image, if clicked again displays another image
All right? I’m creating a button that when clicked it displays an image, and if clicked again it goes back to the old image, at the angle, currently I’m only able to catch the first action, I can’t…
-
0
votes0
answers9
viewsHow to change the color of the Chartjs Chart Colors?
Whoa, whoa, so... I’ve been working with Coreui (it’s a tamplate based on bootstrap-4 and React to create interfaces) in this, I wanted to implement a graph, and the graph from what I saw in the…
-
0
votes4
answers3804
viewsHow to align image of Carousel Bootstrap?
I wonder, how do I center the Carousel images (or slider) in bootstrap 4? <div id="demo" class="carousel slide" data-ride="carousel"> <!-- The slideshow --> <div class="carousel-inner…
-
0
votes2
answers128
viewsProblems with list and grid thumbnails with bootstrap
I need to make these cards in list mode and grid mode I’m using flex-column to make the dynamic grids more when I add the cards they no longer work this is the list mode of my layout: and that a…
-
0
votes1
answer220
viewsBootstrap - Update only one div (Menu)
I am starting a project with bootstrap and would like to update only the div class=content when selecting some menu option. How do I do? Follows: ├── html files │ └── index.html Src/ ├── pages/ │…
-
0
votes1
answer3597
viewsHow to add the "active" class according to the page accessed
I have a separate layout in my project, where it is standard for all pages. how to do, in the left menu, the active class is activated according to the selected page. I have the html code: <div…
-
0
votes1
answer530
viewsBootstrap v4.1 - Collapse does not work correctly
Follows code: $('#collapseDescricao').on('hidden.bs.collapse', function () { $('[data-target="#collapseDescricao"]').text("Mostrar descrição"); }); $('#collapseDescricao').on('shown.bs.collapse',…
-
0
votes1
answer460
viewsNav-tabs nested
Friends I have a Nav-bar that is calls a Nav-tabs1 and I would like there to be another Nav-tabs2 only that when entering all the options that are called after by Nav-bar do not stay on Nav-tab1, it…
-
0
votes1
answer376
viewsCSS button Misaligned form input, but correct for other types of CSS call
I have a form with the code to follow: div class="container"> <!-- Formulário de Login --> <form action="validacao.php" target="_blank" method="post"> <fieldset>…
-
0
votes0
answers42
viewsBanner Error Bootstrap Site HTML Wordpress
My site published in wordpress contains a following problem, when I decrease the screen of my browser, and click on the 3 bars of my navbar to open the menu, the image tries to follow the navbar,…
php html wordpress wordpress-theme bootstrap-4asked 6 years, 9 months ago Daniel Rosendo de Souza 71 -
0
votes1
answer602
viewsHow to use Javascript with Bootstrap4?
I’m doing my front end with Bootstrap, I want to use js for events like onclick, for example. If you can’t see the image (short version): <html> <head> <title>AgileHub -…
-
0
votes1
answer103
viewsBootstrap Grid Html - Problem with Collapse button
Hello, I created a 3-column grid with the bootstrap and inserted two Collapse buttons in each column. The problem is that in any Collapse button I click, it only opens in a column, always in the…
-
0
votes1
answer317
viewsModal doesn’t close, boostrap 4.0
Good afternoon. I have a page in PHP, where there is a div to open a modal. (div and button code to call the modal) <!-- Modal para adicionar cargos --> <div class="modal fade"…
bootstrap-4asked 6 years, 8 months ago Marcos Tonial 21 -
0
votes1
answer56
viewsHow to position the div at the time of Toggler Bootstrap 4
Guys, I don’t know if this is the place but I have a problem with my css/bootstrap I have a Navbar and between the nav-brand and the nav-links have a padding-left to position the text. However, when…
-
0
votes1
answer349
viewsBootstrap 4 - Fixed Navbar with White Background
I’m in trouble because I can’t keep my Navbar on a white background when she goes from 400px down. I want it transparent at the beginning and after 400px it gets a white background.Ps: I want to…
-
0
votes1
answer739
viewsBootstrap Responsive Navbar is not working!
<html> <head> <meta charset="utf-8"> <title>HARD PUNK - Strange, The Fish</title> <link href="./css/bootstrap.min.css" rel="stylesheet"/> …
-
0
votes1
answer65
viewsMobile responsive image
I wanted to know how I do to leave the first image when mobile device the image is only on the screen only the first in the case"computer"without getting divided the way you see the "about" <div…
-
0
votes2
answers2081
viewsChange the color of the Nav bootstrap 4 link
I have the menu below: But I would like the color of the link to be #3E4095 and the Hover #FFFF00. How can I change the color on Bootstrap 4? <nav class="navbar navbar-expand-lg navbar-light">…
-
0
votes1
answer54
viewsAlign a logo in the center of the Form
Hello. I have a login form, only I need to align a logo to the center of this form, so that this alignment is responsive. I know it has some forms, but what is the best way to make this alignment?…
-
0
votes0
answers188
viewsStay in the same tab after refreshing using bootstrap
Well, I’m using bootstrap tabs, but whenever I refresh to get information on this tab, it switches to the first one, coming out of the 3 ABA, someone knows how to solve this with Botstrap ? <ul…
-
0
votes0
answers99
viewsProblem with responsive website when opening on a mobile phone
Hi, I created a website with 2 Paralax effects to practice this feature via bootstrap. As it is a front end site only, I would like to test it by cell phone even (no functions change platform size…
-
0
votes2
answers1675
viewsTooltip Bootstrap 4 does not work
I’m trying to use Tooltip with Bootstrap 4, but it just doesn’t show up: In HTML it looks like this: <a class="btn btn-sm btn-warning" href="" data-toggle="tooltip" data-placement="top"…
-
0
votes1
answer60
viewsDropdown does not work with responsiveness (Bootstrap)
Good afternoon, in the code below that I did, when I call the dropdown with the responsive page, it goes back and forth, it does not remain "open/down", I saw that could be the order of imports, I…
-
0
votes2
answers240
viewscol-Md-6 occupying all space
In my contact form I need to leave on one side some information about the contact, and on the other side a form with email and message. But the part of my form of information is occupying…
-
0
votes2
answers98
viewsDoubt regarding Modal Bootstrap
I inserted a Modal in my HTML, however, for some reason apparently it is stuck in some part of the code , I can visualize the modal, but I can’t perform actions inside it , code and print below:…
-
0
votes2
answers655
viewsLabel with input range value
Good afternoon. I’m using the BOOTSTRAP 4 specifically an input range like this: <div class='col slider'> <label for="customRange3"><strong>BRIGHTNESS</strong><span…
-
0
votes3
answers210
viewsHow to use Bootstrap4 Timeline in PHP
I am trying to use Bootstrap4 Timeline but am having problems working with database. The Bootstrap Timeline is displayed alternately, that is, a record is positioned on the left, and the next on the…
-
0
votes2
answers764
viewsHow to align icons with text on the side of Bootstrap 4?
So, I would like to know how I can align the icons with the texts, in this case, the text right in the direction of the center of the icon. I tried it like this, and with some other Bootstrap…
-
0
votes1
answer16
viewsWrong current page tag in Bootstrap4 pagination
I am trying to use bootstrap4 pagination but the active page is coming wrong. For example, the first page comes as page 2. My code looks like this: <nav> <ul class="pagination">…
-
0
votes1
answer260
viewsProblem with bootstrap
I recently made a page using Bootstrap, and hosted it at Hostgator. When I see the live preview in Brackets or enter the hosted page, they are equal and no problem, this on my pc. However, when…
-
0
votes2
answers168
viewsModal closes even clicking on it
the modal opens normally, but I cannot use it. Anywhere where I click the modal closes, the initial proposal is that I could write e-mail and password. .postagem { height: 100px; } #degrade {…
-
0
votes1
answer1183
viewsModal Angular bootstrap - The content of the modal is inside an ng modal window
I’m using modal bootstrap for angular, as per the documentation, this is the way to use the framework. I am following exactly as in the example. Here’s a bit of my code: <ng-template…
-
0
votes0
answers95
viewsDropdown menu getting out of the screen in bootstrap mobile mode
I’m doing a project and my dropdown menu when it’s in mobile mode is out of the screen like this here in the image <nav class="navbar navbar-expand-md navbar-custom2 "> <button…
-
0
votes1
answer41
viewsElements are not well responsive and functional in bootstrap
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS"…
-
0
votes1
answer35
viewsBootstrap application in ASP.NET Core 2
Good morning, I have an application in ASP.NET Core 2 where I use the latest version of Bootstrap(4.3.1), I took some codes in the documentation but when I put them in my HTML they always appear…
-
0
votes1
answer819
viewsFix div below Navbar - Bootstrap 4
I’m trying to fix a div with a title, below a fixed navbar at the top of the screen. Below is my attempt and example that does not work: <body> <header class="sticky-top"> <nav…
-
0
votes1
answer743
viewsAngular NG-FOR and NG-IF
I am trying to create a sidebar with dynamic links, but there is an error. Component. import { Component, OnInit } from '@angular/core'; @Component({ selector: 'pl-access-full', templateUrl:…
-
0
votes2
answers803
viewsAccordion Bootstrap 4
How do I decrease height without losing the responsivel part? .card{ margin-bottom: 20px; padding: 0px 0px 0px 0px } <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"…
-
0
votes1
answer28
viewsProblem in Table Insertion
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Numero par</title> <link rel="stylesheet"…
-
0
votes1
answer193
viewsPage content in a sidebar
I’m venturing into frontend, I’m struggling as I put the contents of a page on a sidebar example: if I click 'profile' the profile content appears on the side if you click 'flight' the contents of…
-
0
votes0
answers167
viewsNavbar Bootstrap opening wrong link on points of the site
On my site I have a menu that I add with header.php in certain parts of the site, home and its symbolic links. the problem is when you go from the horizontal menu to that button that opens…
-
0
votes2
answers3933
viewsAlign the "Nav-item" to the right, leave centered
In my navbar, I have a login button, which wanted to align right, float, align-items and text-align does not work, how could I do that? And when you’re not logged in (https://awme.herokuapp.com…
-
0
votes1
answer67
viewsMake mobile like desktop
I own a section on my website that on the desktop presents the expected behavior, a row divided into 3, using col-md-4, on the desktop the behavior is normal, on mobile tried to use col-xs-4 to be…
-
0
votes1
answer61
viewsResponsiveness to modal
I have a page where I created a modal with some text boxes inside, nothing very elaborate. When I change the screen resolution to very low resolutions like 800x600 my modal deforms a lot, it gets…
-
0
votes1
answer628
viewsDoubt about the use of "Row" and "col" classes in Bootstrap
I’m using Bootstrap 4 for my frontend and I was wondering if I should always put all my HTML content inside a div with class col that in turn should come within a div with class row. For example, it…
-
0
votes1
answer611
viewsMobile Keyboard Breaking Layout
Testing on mobile the responsiveness of my layout, I noticed that when clicking on an element HTML of data entries (I), for example in my case the <input>, the Keyboard of the device is opened…