Stack Overflow
Stack Overflow

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.

106 questions
2
votes
2 answers

Using angular-material-design in Angular 4 app (+ Angular CLI)

How to use bootstrap-material-design in Angular 4 app (with Angular CLI)? I just added css file in my styles.css like this: @import "~bootstrap-material-design/dist/css/bootstrap-material-design.min.css"; I can access bootstrap-material-design…
Stalyon
  • 538
  • 5
  • 20
2
votes
0 answers

Use Bootstrap-material-design on Laravel-boilerplate

I'm trying to use Bootstrap-material-design https://github.com/FezVrasta/bootstrap-material-design on the Laravelhttp://laravel-boilerplate.com-boilerplate Bootstrap-material-design has a npm install, but according to Bootstrap-material-design it's…
pmiranda
  • 7,602
  • 14
  • 72
  • 155
2
votes
1 answer

Install bootstrap-material-design in angular 2 app using Angular-cli

I want to use bootstrap-material-design in my Angular 2 application that uses angular-cli. bootstrap-material-design (V4) uses SASS. And in order to make it work in Angular 2, I need to use sass-loader. But I didn't find any solution to make…
Radouane ROUFID
  • 10,595
  • 9
  • 42
  • 80
2
votes
3 answers

Changing the colors of Bootstrap Material theme

I am working on an app, where I want to use a more deep-orange color style and have tried to override certain variables from the sass version of the files, but when I compile it using gulp it does not change. Another thing that is weird is that when…
Kenneth_H
  • 141
  • 2
  • 13
2
votes
1 answer

Radio buttons and checkbox is not working in material design

Bootstrap material design checkbox, radio buttons and toggle buttons are not getting styled according to material design in the below code, Please help me.
Shashidhar
  • 191
  • 1
  • 3
  • 11
2
votes
2 answers

Rendering a circle before unordered list text using CSS

Trying to put a Material Design CSS font in front of my text using the following jQuery: // Build the unordered list of classes with their name and CRN var text = ''; text += '
    '; for (i = 0; i <…
theGreenCabbage
  • 5,197
  • 19
  • 79
  • 169
2
votes
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.
2
votes
1 answer

Material ripple effect on table row

I'm playing with google material design bootstrap theme by FezVrasta Most of components working and looking great, but ripple effect on table row not working properly for me. Demo: jsfiddle.net table > tr > td {position:absolute;} Absolute…
Kasara
  • 275
  • 2
  • 3
  • 8
2
votes
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,592
    • 5
    • 46
    • 74
    • 1
    vote
    1 answer

    Getting invalid hook call error in React when I used materidal design bootstrap component in my application

    I am getting below invalid hook call error in React when I used materidal design bootstrap component in my application Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the…
    James
    • 371
    • 3
    • 12
    1
    vote
    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…
    Riaan V
    • 265
    • 1
    • 2
    • 7
    1
    vote
    1 answer

    What to use on a REACT App to Styling and make it looks amazing? Boostrap CDN, React-bootstrap, MDBoostrap, others?

    I am new in Frontend development, I want to make a really good looking APP using MERN Stack and Im starting developing on REACT JS. So, I want to use some Styling Framework. My first option was just import in the index.html file the CDN of…
    Miguel Angel Marroquin Jordan
    • 1,413
    • 2
    • 11
    • 20
    1
    vote
    3 answers

    How to make navbar fixed on the top by using bootstrap material design? frezvasta.github.io

    I'm using Bootstrap material design. Which is https://fezvrasta.github.io/bootstrap-material-design/ here is it's jsfiddle https://jsfiddle.net/Manoj07/4c90wbo3/ In this, I'm unable to make a navbar fixed on the top. I'm using a drawer navigation…
    jeevan kotian
    • 137
    • 2
    • 12
    1
    vote
    1 answer

    Selecting nested tags within options prevents method from being called

    I'm trying to call a method when I click anywhere withing an option. When you click any nested tags within options the select tray would disappear without calling the method. If you select any white space or any text that is not nested the method…
    Roman Rojas
    • 21
    • 3
    1
    vote
    1 answer

    Material design wave effect not applied to dynamically created button

    I am trying to create buttons by using jQuery's append method. However the buttons which where created by jQuery don't have the wave effect if I click on them. The button that I created in HTML has the wave effect. Why is it different? How can I get…
    InFlames82
    • 493
    • 6
    • 17
    1
    2
    3 4 5 6 7 8