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
-
1
votes2
answers1383
viewsHow to add 100% height to a Bootstrap 4 column
I am using bootstrap 4.1, previously I tried to use the class h-100, and unsuccessfully, even Chrome Developer tools indicating that height:100% was applied to the elements. I decided to use a class…
-
1
votes2
answers177
viewsHow to add a column at page run time?
In Html5/css/bootstrap 4... How can I add a column at page run time? div class="container"> <h1 class="page-header">Tabelas com Bootstrap</h1> <div class="table-responsive">…
-
1
votes1
answer226
viewsBackground problem with Iphone 6, 7 and 8
I created a layout and my background image is not appearing on Iphone 6, 7 and 8.Testing locally by Chrome appears quietly, but when I test on Iphone 8 it disappears getting only the background…
-
1
votes1
answer357
viewsReduce fonts or break text in Bootstrap 4 or HTML5
The names of people in my HTML, when responsive, has a break, as shown in the following image: The name Sanderson, the "N" goes down? Follow the HTML snippet: </section> <section…
-
1
votes1
answer258
viewsProblem making inputs appear and disappear with jquery
I need to do some inputs on my form of the mobile version are hidden and displayed by clicking on the button called Busca avançada I created a code jQuery but it’s not working I don’t know what I’m…
-
1
votes0
answers138
viewsnavbar does not load properly
I’m studying HTML and decided to add the Bootstrap 4 in a small project. When browsing the component listing on the Bootstrap I came across the following navbar: <nav class="navbar…
-
1
votes1
answer55
viewsCentralize a NAV - With video background
I need to center a text, but with justify-content: center and align-items: center I’m not getting through. Not even if I put for example, top: 50% and left: 50%, items are not exactly in the middle.…
-
1
votes1
answer2564
viewsJustify-content-center is not centering content on my bootstrap
I have the following code structure <div id="container" class="container-fluid"> <div class="row align-items-center justify-content-center"> <div class="col-2"> <figure…
-
1
votes1
answer238
viewsAlign Bootstrap paging on the right
I am with a project that was developed in the version Bootstrap v4.0.0-alpha.4. In this project has a pagination that follows the standards of the framework. <nav aria-label="Navegação de página…
-
1
votes1
answer135
viewsProblem with grid bootstrap
<! carousel--> <div class="container bg-danger"> <div class="row"> <div class=".col-4 mt-3 mr-4"> <div class="boxonee ">teste xd</div> </div> <div…
-
1
votes1
answer107
viewsproblem with a grid bootstrap
I’m not getting to take away this separation that’s next to the add cart. html code: <div class="container"> <div class="row"> <div class="item"> <div class="row"> <div…
-
1
votes2
answers1067
viewsBootstrap 4 Tooltip does not work properly at Angular 6
Below is the implementation of bootstrap in my application (angular.json) "styles": [ "src/styles.css", "./node_modules/bootstrap/dist/css/bootstrap.min.css" ], "scripts": […
-
1
votes2
answers260
viewsWhy does Vue.js lose formatting when adding dynamic items? Is it possible to fix this?
I have a form, where the phone fields is dynamic so the user can add as many numbers as they want. But when I click the button to add new item, this created item appears without formatting. Not to…
-
1
votes1
answer118
viewsAdjusting Footer after migrating to Bootstrap 4
I was using the Boostrap 3 and migrated to the 4, only some things broke. I managed to solve some, but I have a problem with this footer. <div class="copyright"> <div class="container">…
-
1
votes2
answers584
viewsTransparent dropdown with bootstrap 4
Good morning, I have a dropdown menu (code below, which uses bootstrap, how do I make the background transparent, since by default it is white ? Which CSS attribute do I move ? <html>…
-
1
votes1
answer300
viewsNavbar Bootstrap
I am starting in the web encoding and need a help in a problem, the menu I created is not correct, it was not formatted as indicated in the bootstrap documentation, it is as list. Curso ------------…
-
1
votes1
answer507
viewsNavbar disappearing at lower resolution
I’m putting together a project with Bootstrap but I am facing some problems, one of them is the navbar disappearing when the resolution decreases. The other is I can’t write a title right in the…
-
1
votes1
answer281
viewsPosition font-awesome next to text
I have some arrows that need to be positioned next to the text, but not next to it. Next to it like this. But I don’t know how to position them there, at the moment I’m putting them inside the p and…
-
1
votes2
answers412
viewsProblem when leaving the width of the automatic textarea
Save everyone, I’m having trouble letting the width of a textarea track the line size, since its initial size does not currently expand. My goal is to let the textarea only increase width as the…
-
1
votes1
answer90
viewsAlign element vertically below Navbar
I have a page that I’m going to split into two columns. The right column should be aligned both vertically and horizontally and cannot create a scroll bar. I managed to do this, but as there is a…
-
1
votes3
answers76
viewsDoubt in the layout composition
Test scenario I would like a layout basically according to the image: What I already have is the "FIXED BAR" and the "TAB MENU". Details In the image in example, I will have a table in the green…
-
1
votes0
answers23
viewsRendering div out of thead tags
I am creating a table in this following template <table class="table table-bordered table-striped table-colored "> <thead> <tr> <th rowspan="2">Código</th> <th…
-
1
votes1
answer35
viewsHow to center content with dynamic CSS dimensions?
I am using Bootstrap 4, which is based on flexbox(dynamic properties/dimensions). I created a Datapicker, with an input and icon on the right side. <div class="col-md-3"> <div…
-
1
votes1
answer150
viewsHow to add active class on a onepage site?
Nice club, you guys. I have a onepage site that has a menu in Sticky-top mode, would like to know how I do to add s class "active" via JS in the correct way according to the page being viewed at the…
-
1
votes2
answers3852
viewsWhy does Bootstrap 4 datepicker API not work?
I’m creating a calendar, somewhere in the view, I needed an input for the user to enter a date. Since I’m wearing bootstrap 4 and bootstrap has several Addons for datepickers, I used one of them. On…
-
1
votes1
answer3205
viewsFixed side menu on the left with Contents on the right
I’m trying to do the following, a fixed menu on the left side with 100% height, the problem is that when I press F12 to simulate an ipad for example, the content goes under the side bar, how can I…
-
1
votes1
answer111
viewsError BOOTSTRAP SASS _is not a color for `Darken'
This error returns when I sort these @import files in my app.scss, using SASS/[email protected] on a Mac. I need to understand where the error is, if by reversing the order (custom variables at the…
-
1
votes1
answer72
viewsHow to troubleshoot firefox flex display
Created this portfolio it works perfectly in Chrome, but in firefox the tag button that is superimposed on the tag img (to make the shadow effect and open a modal) appears as a fifth item,…
-
1
votes2
answers437
viewsDiv is bigger than Section
I have a div called 'banner' that’s inside a Section I call 'bg'. When I lower the screen in terms of height, the banner exceeds the size of bg. *{ font-family: 'Open Sans', sans-serif; }…
-
1
votes1
answer34
viewsCollapse in Boostrap 4 is not opening
body { font: 400 20px Times New Roman, Arial, Arial Nova Light, sans-serif; line-height: 1.8; color: #818181; } h4 { font-size: 19px; line-height: 1.375em; color: #303030; font-weight: 400;…
-
1
votes1
answer45
viewsBlueimp Gallery CSS does not work with Bootstrap 4
See the code below: document.getElementById('links').onclick = function(event) { event = event || window.event; var target = event.target || event.srcElement, link = target.src ? target.parentNode :…
-
1
votes1
answer383
viewsModal to delete Registry (.net core - javascript - Bootstrap)
I’m trying to use modal to delete a record from a table. By clicking on the delete button, I wanted to display a modal asking for confirmation for exclusion, so far so good, I was able to do, but go…
-
1
votes1
answer79
viewsBootstrap4 select transparent
I implemented a select on a page using Bootstrap-4 classes for styling as below: <select class="form-control" name="inputAssunto" id="inputAssunto" required> <option>Sugestões e…
-
1
votes1
answer197
viewsIcone bootstrap 4.0
I tried to change only the icone classes and it didn’t work out, what am I doing wrong? And how to change the color when I opened the card Previous question I opened icone no accordion bootstrap 4.0…
-
1
votes1
answer199
viewsCan I place a TD of a TABLE with button features through Bootstrap classes?
I used to use Buttons inside TD when creating dynamic tables in which each row (TR) has a button. But I started to see that instead of putting buttons inside the TD, they put a TAG "a" and assigned…
-
1
votes1
answer259
viewsBootstrap form layout
I am trying to make a form with bootstrap in which will have a title field, a state field, a field for po content, field for tags and a boot. I happen to want to put the title field and the state…
-
1
votes1
answer21
viewsCode does not find modal
Hello I have a type button image that supposedly should be opening the modal but on my site does not open. I have bootstrap installed from the most updated version, I can not understand why my modal…
-
1
votes1
answer185
viewsCol-Md-6 falling down instead of standing on the side
I need to make a section as in the image. That’s why I organized it this way. HTML <section class="second-section"> <div class="container"> <div class="row align-items-center…
-
1
votes1
answer203
viewsHow to create an infinite slide similar to Instagram?
I’m trying to create an infinite slide similar to the one on the main instagram page, using only CSS3 and the BOOTSTRAP. I’m having the following difficulties: Create the right effect Images should…
-
1
votes1
answer139
viewsFullcalendar in Bootstrap Modal
I’m using fullcalendar in the Bootstrap modal, but the colors of the day of the week turn white, but when I take the cursor off the site, the colors turn black. Look at: When the cursor is inside…
-
1
votes1
answer386
viewsHow to style a checkbox input?
I’m creating multiple selections with the checkbox and need to leave it with the following characteristics: Transparent background Stylize the edges Remove the Check This so that it is on top of my…
-
1
votes2
answers63
viewsChecked attribute does not respond with sr-only
I’m hiding the <input type="radio"> with class sr-only of bootstrap, and the problem that occurs is this: With class sr-only active: The radio are not unchecked if I click the other The .card…
-
1
votes2
answers467
viewsBootstrap navbar background image does not repeat in extended menu in responsive
I have a problem with the responsive version of the navbar. I put a background image as below: For that, I did it that way: .navbar{ padding: 1.3rem 1rem; background:…
-
1
votes2
answers171
viewsNews page | Picture and texo next door
Good afternoon I’m building a news page but I’m having a problem with not being able to add text next to the image and I’m not getting why. I am using bootstrap 4 and I already have the page like…
-
1
votes1
answer124
viewsChange Dropdown name to list item names
Good morning Guys! All beauty? I’m having a huge doubt in dropdown. I wanted to understand how to leave the name of mine dropdown with the list elements name when selected and when the page is…
php javascript jquery codeigniter bootstrap-4asked 5 years, 5 months ago Diêgo Correia de Andrade 390 -
1
votes1
answer795
viewsConditions for form using bootstrap 4
How do I create a condition in a form using Bootstrap 4 ? I have the following form: <form id="createusers" class="needs-validation" oninput='userrepassword.setCustomValidity(userrepassword.value…
-
1
votes1
answer211
viewsHow to close Bootstrap Modal?
Before anything I say I read other posts... Close modal when you click the button I am developing a system in ASP NET Core and using a modal of bootstrap to log in. I sent the data to the controller…
-
1
votes3
answers412
viewsCard misalignment in bootstrap 4’s smaller resolution size
Good friends. I have the following problem regarding the vertical alignment of my cards, below I leave the image and the code to better illustrate. Is there any way they can help me? To point out…
-
1
votes1
answer406
viewsDropdown in vertical menu with bootstrap 4
I need to make a vertical menu following this layout but I’m having difficulties to make the menu open one dropdown I’m using bootstrap 4 follows my code + the layout image of how it should look.…
-
1
votes2
answers2518
viewsPut navbar on the right
How to make the navbar stay on the right. It needs to be this template, because already has the logo, has the menu and when opened on mobile already appears the mobile menu. <nav class="navbar…