Questions tagged [bootstrap-material-design]

Bootstrap material design is a theme for Twitter's Bootstrap based on Google's material design specification.

Bootstrap material design is a theme for Twitter's Bootstrap based on Google's material design specification.

Find more info at its official site.

112 questions
1
vote
1 answer

Jquery .val() dont work properly with Material Design Bootstrap

I'm using Material Design Bootstrap to style and do something nice with the inputs placeholder. But if I try to add/change some text to the input with jquery…
user4403536
1
vote
2 answers

How to have CSS animation only on click and not on page load?

I am using https://github.com/FezVrasta/bootstrap-material-design in my project more specifically the checkbox this question is focused on the checkbox component, the entire library is being used in my project.
1
vote
1 answer

Animate Material design click animation on

I need to create a button that simulates the behaviour of some of these: https://fezvrasta.github.io/bootstrap-material-design/#button But instead of the
bdv
  • 1,024
  • 2
  • 15
  • 36
1
vote
1 answer

Resize dropdown menu in Bootstrap

I'm using Bootstrap 3.2 as well as this material design plugin. I added a dropdown to a navbar. Within the list item of this dropdown-menu, I have a custom "layout". Something like this:
  • chRyNaN
    • 3,293
    • 3
    • 40
    • 70
  • 1
    vote
    1 answer

    Is there a callback in Angular.js triggered after a ng-model binding is done?

    The question is clear I guess. I want to be informed after an ng-model binding is completed and the value is reflected to the DOM element. I am aware that this can't be done for all ng-model bindings in a document.ready fashion but I would like to…
    destan
    • 4,042
    • 2
    • 32
    • 55
    0
    votes
    0 answers

    Material Design + Flask-wtf form values are None since mwc-textfield has name

    I'm using bootstrap5 + Material Design (this template: https://startbootstrap.com/previews/material-admin-pro) and I'm having some trouble with getting data from the forms using flask-wtf. First, I can't seem to recreate the functionality unless I…
    0
    votes
    0 answers

    Import Bootstrap Material into an existing react project

    I am trying to import Bootstrap Material Design into my react project. I am fairly new to this and tried out everything I could find on the internet and Stackoverflow. Every time I try to import the Bootstrap Material Design I get "ReferenceError:…
    0
    votes
    1 answer

    Google chrome suddenly started opening bootstrap time and date picker automatically

    in my website, I had added bootstrapMaterialDatePicker for picking the date from calendar. Popup need to be opened once clicked on input field. It was working fine even few moments ago. But suddenly it has started opening the popup instantly after…
    0
    votes
    0 answers

    Bootstrap and MD Bootstrap Carousel not working in Django

    So I am trying to add a simple MD Bootstrap carousel to a django template, however, it only loads the first image and the controls don't work. I followed this article https://mdbootstrap.com/articles/jquery/how-to-integrate-mdbootstrap-with-django/…
    0
    votes
    0 answers

    Uncaught ReferenceError: jQuery is not defined in Django

    I have a simple Django project. I want to add material design bootstrap in it.
    0
    votes
    1 answer

    mdbootstrap 5 not showing in Django 2.1.15

    I have a simple django project. I want to add material design bootstrap in it. settings.py: STATIC_URL = '/static/' # _______________________________________________________________________ STATIC_ROOT = os.path.join(BASE_DIR, '/assets') #…
    0
    votes
    1 answer

    Blazor Server Side, call JavaScript function that resides in a CDN from a .razor page when it renders

    I'm trying to include Bootstrap for Material Design into my Blazor Server Side project. I have it working perfectly in a plain HTML file, but the issue with Blazor comes with a script. which I assume needs to run after a page was rendered. The…
    0
    votes
    0 answers

    How to customize material design themes with different colors and themes

    I am using Material Design themes and colors in my project and looks great and working fine. but I want to provide a flexibility to change colors and themes as per customer need, how can I override or give single resource file, where customer can…
    0
    votes
    0 answers

    editing the padding to vertically align buttons and brand icons in the navbar

    I am trying to create a customized navbar that uses buttons for the nav-items. When the window is in fullscreen (on PC Chrome), the buttons I have do not align vertically with the icon I placed in the navbar-brand (pic below). Additionally, when the…
    0
    votes
    0 answers

    Angular Bootstrap material change button color just for datepicker

    I have a angular project setup with bootstrap material. I just want to use the default theme. I have a custom datepicker (ngb-datepicker), which buttons are being affected by the bootstrap material library. I can change the value in the Chrome…