Questions tagged [bootstrap-4]

Bootstrap 4 is the fourth major version of the popular front-end component library. The Bootstrap framework aids in the creation of responsive, mobile-first websites and web apps.

-1
votes
1answer
9 views

Move the button to right side of screen [duplicate]

I try move the button in the right side of screen, like the above icon, I tried the p-grid p-align-end vertical-container, p-align-end but i didn't succees it. Any help ? <div class="p-...
-1
votes
1answer
11 views

How do I arrange text and svg on a web page in the following manner?

I have been trying to find tutorials to arrange elements in the following manner. They look like they're piled at the bottom of the webpage. UI UX design: Text & SVGs piled on the bottom of the ...
0
votes
3answers
19 views

Alignment issue and bootstrap button modification

Hi I have a custom design to make: The current implementation looks like : How can I make the first button named manedlig donation and enkel donation to have that arrow pointer using css? Also I am ...
0
votes
0answers
27 views

Align images using bootstrap

I am getting all pizza I have from my DB and then I am trying to display two pizza for each column. Maybe inside the loop I need to check if the pizza id is dividable by 2 if yes then create a new row ...
-3
votes
0answers
38 views

Div count with js having data taken from a json file [closed]

I have to do a count of the divs created with the content of a json file, and I have to answer a line with 5 divs, if the content of the json file is less than five it must fill the divs with the data ...
0
votes
0answers
6 views

Change Bootstrap Vue pagination programmatically

is there any way to change b-pagination in bootstrap-vue programmatically like this: this.$refs.pagination.goToPage(3) // This is just example or using the pagination plugin like this: this.$...
0
votes
0answers
21 views

How can I maintain the toggle button fixed?

I have a toggle button that moves to down when I reduce the width. My aim is to maintain always the button at top-left position. sidebar.component.html: <div class="container-fluid d-xl-...
0
votes
0answers
11 views

Bootstrap Modal appears above a container

I searched a lot about this issue yet I couldn't really find why my Modal is like this...I used [this][1] admin template which uses Bootstrap. This is how my modal appears: [![bootstrap modal appears ...
0
votes
0answers
13 views

i upgrade the bootstrap 4 to bootstrap 5 ,but Css Code is not Working Properly

i upgraded into bootstrap version 4 to 5 .the Same css applied both container but output image as not viewed properly #home-section.parallax-section:before { background-color: rgba(37,34,34,.8); }...
0
votes
0answers
27 views

Why toggle button fails at first click? Bootstrap 4

I have the following template for sidebar component. The thing is that when I press the toggle button to hide sidebar, at the first attempt does not work. From the second click all works fine. Any ...
0
votes
1answer
11 views

Hide bootstrap navigation items one by one

I have a standard bootstrap navbar and there are two options or behaviours. When the screen is wide enough then all menu elements are visible When the screen is small then all elements go under the ...
0
votes
1answer
14 views

Bootstrap close button not working on default bootstrap modal open

The issue is that on page load modal popup. When I click on the close button it is not working. It is not closing the modal but when I click outside the modal it closes. I simply want the modal to ...
0
votes
1answer
24 views

Functions are not valid as a React child when wraping Routes in App

I'm trying to wrap Routes using Layout component so it puts all content into a bootstrap 12 column grid.But it doesnt wrap my text inside Route components and I get a warning that functions are not ...
0
votes
1answer
24 views

My bootstrap carousel is not working properly in react

I don't know why my carousel's not working properly, can anybody tell me how to fix this issue. My codesandbox link :- https://codesandbox.io/s/nice-heyrovsky-8yucf?file=/src/Prompts.jsx
-1
votes
0answers
10 views

carousel is not working properly for second and third iteration in react js

I am creating a project in reactjs , where i am rendering carousel in loop, and carousel of first iteration is working perfectly but for other iteration's it's not. can anybody suggest what is the ...

15 30 50 per page
1
2 3 4 5
1874