Category "bootstrap-4"

How to make Bootstrap 4 table keeps resizing to screen width when adding data in JS

I am specifying my table in HTML and populating it within JS. The desired column widths are as specified within <table> i.e. 500px. If I run the code with

Using Selectpicker for filter-control

I am using bootstrap-select in a <select> that serves as a filter-control component of a bootstrap table. I want to use this select to filter via various

Launch Bootstrap Modal Dialog on Load in Angular 8

I need to launch a modal dialog on page load of angular 8/ Visual Studio project. It is working fine with the click of button, however I cannot figure out how t

Footer to stick to bottom of the page when Treeview control expands

Hello All! I have trouble making the footer stay at the bottom of the page. I have treeview control, when expanded overlaps the footer. Please help to make the

Ngb-xx is not a known element

I am trying to use the ngb bootstrap on my Angular project. Every components on ngb throws me an error My package.json and my app.module.ts Did I do so

remove line break from boostrap tooltip

I have a span tooltip that displays some information like: name and history. I can separate this information with a <br>, but the tooltip is performing an

Open Bootstrap dialog window from Spring MVC BE

I have a Spring MVC controller and bootstrap page. When I submit the form and send some payload to this endpoint if some condition is not met I would like to di

How to prevent paragraph from expanding bootstrap's col-auto parent width?

I'm using bootstrap's row with two col-auto. Inside the second, I have a form with <input>'s and a paragraph <p>. This second column should have a m

Bootstrap Select Editable Combobox Hack

How can I let my users add their own options to bootstrap-select? Hello. After spending some time trying to find a simple solution that works with bootstrap 4 s

Bootstrap 4 - Make a Table Header Sticky

I have a simple Bootstrap 4 Table and would now like to make the header fixed/sticky so that it doesn't scroll as it contains a lot of rows. I've found several

I want to do Triangle-like Carousel but How? [duplicate]

How can reach info for this shaped carousel I searched "triangle carousel", "pointy carousel", "sharp carousel" and found nothing

Navbar not expanding to fill width of page

I am making a website and I want it to look nice when being used on mobile. However, I can't figure out to eliminate the excess white space on the right of the

How to auto populate preferredCountries from intl-tel-input with db output

I would like to populate the preferredCountries:["xx","yy","zz"] with a function that fetches the most used country codes from a mysql db and list them highest

How to navigate to specific tab of bootstrap 4 from external link

I want to open a specific tab of bootstrap 4 from external page link . Page 1: nav.html I want to go from this page one to second page <!DOCTYPE html> &

is there a way to prevent repeating code in html I'm using bootstrap 4 collapse like 20 times in one page

<div class="card" style> <div class="card-header" id="headingOne"> <h5 class="mb-0"> <button class="btn btn-lin

Error: argument `$color-2` of `mix($color-1, $color-2, $weight: 50%)` must be a color when compile my own bootstrap theme

i try to build my own theme. i change color theme to my style. but i got error when compile my own theme, this is my theme was created. // 1. core variables an

Step progress bar not working horizontal in mobile

I am trying to implement the step progress bar and I have done the below for the desktop version. Photo who works on the desktop like Desktop Version When I try

Why does in Bootstrap 4 not put the col-4 in a row?

I can't figure out why the col-4 doesn't work to have all 3 items in a row <footer> <div class="row"> <div cl

Feather Icon not working in Bootstrap Modal

Version: [email protected], Bootstrap v4.3.1 using C# RazorPage, asp.net I am currently trying to build an asp.net web app. The feather icons work fine on n

Bootstrap datetimepicker not working inside Bootstrap Modal

I am facing issue in showing bootstrap's datetimepicker inside modal. I want to make form inside the modal on which I need a datetimepicker to pick date and tim