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
votes1
answer42
viewsColumns don’t line up inside Row
I’m trying to align a grid as follows: 3 columns x N rows <div class="row" style="margin-top: 150px;"> @forelse($models as $model) <div class="col-md-4" style="margin-left: 5px;">…
-
1
votes2
answers645
viewsHow to center Brand logo on Bootstrap 4 and leave menu items below?
I am carrying out a project and I am having difficulty centralizing the logo and leave the menu items below, so that everything is part of the navbar and that when the break for mobile tablet…
-
1
votes1
answer131
viewsProblem to generate integer numbers in Chartist.JS chart
I’m using a plugin called chartist.js it works well the problem is being the side numbers I’m putting from 1 to 5 the ideal would be like this 1 2 3 4 5 but it is generating so 1, 1.5, 2, 2.5, 3,…
-
1
votes1
answer180
viewsdiv is not centered on mobile
I have the following modal and inside it basically there’s an image in the upper left area and a text on the right side of the image and then a form. Everything is working perfectly well, but when…
-
1
votes1
answer172
viewsProblems in bootstrap responsiveness in inputs, Labels and selects
I’m having trouble solving a simple responsiveness problem using bootstrap 4. My wish is when resize to celuar, the inputs, selects and Labels are superimposed and occupying all available width. As…
-
1
votes1
answer273
viewsBootstrap menu button color does not appear
The button works normally when pressing and on certain screens only it does not appear the color of it, htm: <head> <meta charset="UTF-8"> <meta name="viewport" content="width=,…
-
1
votes2
answers104
viewsTranslate date return and manipulate days
I am using a card that returns me actual data of the day, month and year. It’s actually four cards, two with year and month, and two with year, month and day. The problem is that on my return I want…
-
1
votes2
answers631
viewsHow to access bootstrap css?
I’m using a bootstrap navigation bar and would like to increase the space between the buttons and change their colors by editing files from an external file, but I don’t know where I can get his css…
-
1
votes0
answers107
viewsClipboard.js used inside Bootstrap Popover does not copy content
I am using a Bootstrap Popover with the contents in a div and a button to copy, when I click the button I cannot copy the contents of this div. I tested out the Popover the Clipboard.js and it…
-
1
votes1
answer206
viewsHow to show number of pages in handlebars paging?
This is my code to calculate the number of pages, here is calculating everything correctly, already tested. app.get("/page/:page", (req, res) => { var perPage = 3 , page = Math.max(0,…
-
1
votes1
answer126
viewsScroll horizon on Nav-tabs component (bootstrap 4)
I added a scroll horizontal on the component nav-tabs of bootstrap 4. Now I want the scroll function automatically if I click the last tab visível, and show the next tab that is off the display.…
-
1
votes0
answers22
viewsHow to change a search field to an icon, mobile and tablet?
I would like to create a menu similar to this below, however, in the resolution devices less than 800px, I am unable to change the search field, for the magnifying glass icon. <html>…
-
1
votes1
answer56
viewsApply Padding to all elements except one in particular
I would like to apply the property padding in the navbar elements, except for the last element in the class nav-login I use bootstrap 4.0 Html: <nav class="navbar navbar-expand-lg…
-
1
votes1
answer90
viewsHow to view form information obtained in PHP in a Boostrap modal?
I created a simple form with two fields on a page built using Bootstrap to calculate fuel consumption. The information in this form is obtained and handled using PHP. After the user clicks…
-
1
votes1
answer63
viewsLine Break Bootstrap 4
Hello. I’m building a Dashboard with Bootstrap 4 and I came across a very troublesome problem: when I arrive at the breakpoint determined for the line to break (flex-sm-wrap), it breaks normally,…
-
1
votes1
answer518
viewsHow to use this Modal bootstrap more elegantly?
I don’t know if the title is appropriate, but I’ll explain: In the example below I have a confirmation modal that can be called by several buttons and depending on the button clicked I take an…
-
1
votes2
answers140
viewsAdd an action to a <select>
I have the following "type" button in the image, when I click it opens a dropdonw, when I click an item in the dropdonw opens a collapser with more options. I need that when selecting the option in…
-
1
votes1
answer232
viewsUse Sass bootstrap semantically and selectively
When it comes to Sass and Bootstrap the recommendation/advantage that is most around is, "import only what you will use, so your final css will be smaller and will contain only the bootstrap parts…
-
1
votes0
answers238
viewsUse a lot ul/li on bootstrap Nav or use links and style in css?
I’m recreating a menu with bootstrap 4.5 for better learning and I was left with a question. I have the following nav for example. The proposal is to recreate this menu in a responsive way with…
bootstrap-4 responsive-layout nav-bar semanticsasked 4 years, 4 months ago Marcielli Oliveira 1,597 -
1
votes2
answers99
viewsInput in Bootstrap 4 does not take up the full width
<title>Calculadora de Juros compostos</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet"…
-
1
votes1
answer40
viewsBy minimizing Bootstrap grid screen does not break to a new line
Good morning, you guys! I am having difficulty when the user minimize the screen, fields before overlapping within the grid, break into a new line.... ps: this spacing between the fields is to have…
-
0
votes1
answer222
viewsHide Carrousel images when opening on mobile and show others - Bootstrap 4
I’m using the component Carrousel of bootstrap 4. My intention is to make when it opens on PC and Tablet, be shown the slide with original images. When opened on mobile phone, open another image…
-
0
votes1
answer1430
viewsNavbar Toggle button does not appear
I am making a responsive menu bar with Bootstrap 4, but when I reduce the size, the Toggle button to open the collapsed menu does not appear. Follow HTML and CSS code: HTML: <a…
twitter-bootstrap responsive-layout bootstrap-4 bootstrap-toggleasked 7 years, 2 months ago César O. Araújo 11 -
0
votes0
answers106
viewsUncaught Referenceerror: Popper is not defined
How to solve the Popper problem in bootstrap 4.0 Uncaught ReferenceError: Popper is not defined I installed the Popper via npm ai gave this error,but putting it via cdn, gives ok.…
-
0
votes1
answer69
viewsWhy can’t I create the <div> in the right place?
@media (max-width: 1200px) { .navbar-light .navbar-toggler { font-size: 30px; display: inline !important; border: none; } #menu-exp { display: none; } .navbar-toggler { text-align: center; position:…
-
0
votes1
answer182
viewsBootstrap problem
I’m having trouble in index.html, but I don’t know how to fix it. It was for Mizuxe appear on the left but the opposite happens. Already my items: Home; About; Meet; The; Authors and Contact…
-
0
votes1
answer138
viewsJquery3.2.1 Function Datepicker exists?
I’m using bootstrap 4 and I want to use the datepicker, how can I call the datepicker using the bootstrap 4, I can’t find the documentation talking about it?…
-
0
votes1
answer213
viewsContainer div height relative to page size?
How to leave the bootstrap div Container height(height) relative to page sizing? <div class="container"> <div class="row"> <div class="col"> its works! </div> </div>…
-
0
votes1
answer568
viewsBootstrap v4.1 - Notification displaying incorrectly
I use this plugin here: http://skywalkapps.github.io/bootstrap-notifications/2.0/ Segue Jsfiddle: https://jsfiddle.net/x7g1xoq1/2/ Follow the full CSS:…
-
0
votes1
answer24
viewsText is selected when opening notification
Follows code: $("#click_notifications").click(function () { if ($('li.nav-item.dropdown.dropdown-notifications').hasClass('open')) {…
-
0
votes0
answers218
viewsHow do I make Header and Footer responsive with Boostrap 4.1.1?
Header problem: I can’t leave the last button pressed to the right side of the page, like a toogle navbar. Selects texts "fade" when decreasing resolutions. Problem on the Footer: Footer items are…
-
0
votes1
answer406
viewsMy pull-right class isn’t pushing the menu to the right can anyone help me?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Victor - Design Bootstrap</title> <link rel="stylesheet" type="text/css"…
css html5 twitter-bootstrap bootstrap-3 bootstrap-4asked 6 years, 10 months ago Alice Vitor Rodrigues 11 -
0
votes2
answers1354
viewsChange div size by hovering the mouse
I have a page with some Divs and would like to apply an effect when the mouse goes through some of them. What I would like to happen is that, when passing the mouse through one of the Ivs it…
-
0
votes1
answer53
viewsError using Angular Delete method
I have an application in Angular4 + Spring boot with the following error when I try to execute the method delete Cross-Origin Request Blocked The same rule of origin prevents me from reading the…
-
0
votes1
answer2444
viewsAlign elements horizontally - Bootstrap 4
I’m creating a responsive menu that contains 3 parts: company logo, links to large devices, menu icon for small devices. I would like mobile devices to align the logo in the center and the menu icon…
bootstrap-4asked 6 years, 5 months ago Pilati 1,065 -
0
votes0
answers45
viewsHow to apply the form input validation classes of bootstrap v4 with the ASP.NET Razor syntax?
Follows code: View: <div class="form-group"> @Html.LabelFor(m => m.Telefone, new { @class = "font-weight-bold" }) @Html.TextBoxFor(m => m.Telefone, new { @class = "form-control",…
-
0
votes1
answer57
viewsHide a HTML5 and CSS button when on Smartphone
I made a responsive web application, which when you arrive at Checkout has two buttons: Print and Save. Only that the user (customer) on the smartphone clicks to print, even if there is no printer.…
-
0
votes1
answer266
viewsModal in separate Component
Hello, I’m new in Bootstrap with angular, and would like to know if there is a way to create a modal in one Component and call it in another, for example: Component-parent Component-modal then the…
-
0
votes1
answer550
viewsSlide Owl carousel2 with background image
I need to make the background image of the slide change and the content should be static as in the image I believe doing with background-image to do more I don’t know how anyone knows how to help me…
-
0
votes1
answer1264
viewsHow to add search filter to bootstrap
Whoa, look at me again. Guys, I’ve been able to do a lot on my own in this bootstrap template, in trial and error, and by researching the documentation, I’ve been able to get almost everything the…
-
0
votes2
answers117
viewsLoop with columns and Rows
I’ve been trying to do it like this: <?php foreach ($unfollow as $row): ?> <div class="row"> <div class="col-md-4"> <?php var_dump($row)?> </div> </div> <?php…
-
0
votes2
answers374
viewsicone no accordion bootstrap 4.0
Good afternoon, thank you all but it would have to be in bootstrap 4.0, the site I am inserting is in wordpress and I only have permission in the html editor and additional css. I would like the…
-
0
votes1
answer1296
viewsHow to use bootstrap in spring boot correctly
Hello guys I’m new to Spring Boot and I’m having difficulty in some things related to Spring + Bootstrap I have an application that I put http://localhost:8082/functionCast it works normal, the page…
-
0
votes1
answer21
viewsSpeakers in Bootstrap not working
I’m trying to put the company logo on the left side and the title on the right side with Bootstrap, but it’s not working. When I put the code down, it’s underneath each other. I’m using version 4.0.…
-
0
votes2
answers1044
viewsFormatting of bootstrap 4 carousel indicators
By default, bootstrap carousel indicators are narrow as lines, like to know how to leave polka dots in place of originals.…
-
0
votes2
answers56
viewsHow to leave the four in a row?
<div class="container py-4"> <div class="row"> <div class="col-md-10 my-4 mx-auto"> <h2 class="text-center display-4">Bootstrap 4 Pricing Tables</h2> <hr> <div…
-
0
votes1
answer50
viewsCSS and BOOTSTRAP No Margin Image
Good guys I’m weak in HTML/CSS and bootstrap. I want to make a site with full background image (no margin). Ex > Example I want to copy But when I put this bootstrap code to show the modal below,…
-
0
votes1
answer137
viewsProblem with Wordpress and Bootstrap
Hello, My name is Bruno Barreto and I am developing a simple website for a company that intends to sell cosmetics, but I am facing some difficulties when migrating this site to Wordpress(client…
-
0
votes2
answers405
viewsHow to leave the footer with relative position and at least at the bottom of the page?
I am using in several pages the Sticky position of Html5 to give an effect in the menu of the site. But there are pages that the internal content is very small, does not occupy even 150px high and…
-
0
votes1
answer727
viewsBackground image using bootstrap
I have a simple problem, but it’s the first time I’ve come across such a problem. Using the bootstrap on a page, I couldn’t put a background image. The page does not recognize the following command…