Questions tagged [bootstrap-4.1.x]
15 questions
4
votes
2 answers
Custom checkbox in bootstrap 4.1.x
I require a checkbox like this one or similar
There are lots of answers about styling checkboxes but none worked in bootstrap 4.1.x, either I am using them wrong or they are not working in this bootstrap version.

WasiF
- 26,101
- 16
- 120
- 128
3
votes
1 answer
How to highlight a bootstrap card onClick?
I am new to bootstrap. we have some cards & we want to highlight a card onClick. cards are like this -
Header

Jay Prakash Thakur
- 545
- 7
- 20
3
votes
2 answers
how to change color of text on mouse enter using angular
i am a newbie to programming. I have tried this code but @hostlistner part is not working
i have used bootstrap version 4
it doesn't give any compile error also
element.nativeElement.style.color = 'red'
this statement is working but
…

migara thiranagama
- 49
- 6
3
votes
1 answer
Bootstrap 4 input group add-on between two inputs
I'm trying to put an element between two input groups, then append two buttons at the end, but the alignment and sizing is completely off. This worked perfectly in Bootstrap v3.3.7 but since upgrading to Bootstrap v4.1 I can't get it to work.
Here…

eComEvo
- 11,669
- 26
- 89
- 145
2
votes
2 answers
How to place card-columns in the center of the page when using bootstrap 4.3.1?
I am trying to horizontally-center a card-columns with Bootstrap 4.3.1 while nesting cards.
Here is how my cards are nested
> Main Card
>> Card-columns
>>> Card 1
>>> Card 2
>>> Card 3
>>> Card N
I tried to…
user12310517
1
vote
1 answer
Django-crispy-forms with bootstrap4 not showing selected result in browse file field
Attempting to use bootstrap4 with django for forms. Installed crispy forms and and everything seems to work as I expected except for the browse file button selection functionality. When a file selection window comes up and file is choosen from…

Brad Allgood
- 29
- 1
- 5
0
votes
1 answer
open modal automatically in livewire component it doesn't work
I wanna show a modal when initializing the component, but it doesn't work. I'm using $this->emit('show) to open the modal
When I add a button in my view the emit('show') works!, but I don't want that, what I want is that when the view is loaded, the…

ChrisDLH
- 123
- 1
- 2
- 9
0
votes
0 answers
How to style a Django ModelForm
Does someone know how to style this form with bootstrap?
from django.forms import ModelForm
from .models import *
from django import forms
class OrderForm(ModelForm):
class Meta:
model = Order
fields = ('__all__')
** ^…

Droezel
- 1
- 1
0
votes
3 answers
Using column bootstrap 4
i have to make a blog page on my website and i would like to display few cards (like bootstrap cards) on two columns. The probleme is the cards don't have the same height and i would like to make a kind of masonry. I will show you two different code…

Pierre Bordas
- 35
- 4
0
votes
1 answer
How can I display an image to the right of my text normally but display the image underneath my text on mobile?
I'm wanting to display an image to the right of my text on desktop, but display the same image underneath on mobile. Struggling to find answers via Google and can't crack it myself.
Any help?
This is what I have so far.
Thanks!
I've tried using…

nmiless
- 1
0
votes
0 answers
bootstrap 4.3.1 is not working offline and it's not showing navbar-toggler-icon
I need to build a website. I downloaded bootstrap all files then I linked every file properly but I don't know It's not working. I don't know why bootstrap 4.3.1 classes is not working properly. I am not see my navbar toggler icon. why? please…
0
votes
1 answer
Can I add data-toggle="modal" and data-toggle="dropdown" in bootstrap 3?
I tried the way that is already described in an answer to this question.
Bootstrap control with multiple “data-toggle”
But this way is not working.
Is there any other way of using data-toggle="modal" and data-toggle="dropdown" on a same link.

Muhammad Tahseen ur Rehman
- 253
- 3
- 18
0
votes
1 answer
form validation bootstrap 4
When I finish validating the form, I want to show a success message but it automatically refreshes and does not allow time to see anything.
I'm using bootstrap 4.1.3
This is my portion code:
…

GAL
- 39
- 1
- 8
0
votes
2 answers
Bootstrap Grid on mobile
Grid sistem doesn`t work on mobile: .col-xs-3 is on full screen, col-xs-3 works like col-xs-12, any ideias?
0
votes
4 answers
Bootstrap 4 Carousel Indicators are not appearing
I'm trying to create a carousel slider with carousel indicators at the bottom using Bootstrap-4.1.3. The problem is that the carousel indicators are invisible, but they do work when you click them.
I've already tried z-index, and background colors…

Luc Nguyen
- 3
- 1
- 4