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
1
vote
0 answers

Material Design bootstrap 4 is not compiling to css due to tild imports

I'm using Material design bootstrap but then while compiling it throws the following errors Error: Can't find stylesheet to import. @import "../../../node_modules/bootstrap-material- design/scss/~bootstrap/scss/functions"; // from bootstrap…
Tested
  • 761
  • 4
  • 16
  • 38
1
vote
0 answers

Bootstrap-Material-Design 4 Dropdown not opening in Jhipster(Angular 5)

I am trying to use a creative-tim Material Bootstrap 4 Theme in my jHipster project, but after so many tries I am not able to make the Dropdown or Floating Label components working. Stuff I tried: 1. Added files in vendor.ts import…
Rachna
  • 213
  • 4
  • 17
1
vote
2 answers

Ruby on rails - bootstrap material design - Add checkboxes to simple form

I installed the Bootstrap Material Design in my Ruby on Rails application and every animation is functioning properly, but i can´t see the checkboxes. My code for the checkboxes is:
1
vote
1 answer

Ripple effect not working in bootstrap material design

I am using Material Design for Bootstrap by fezvrasta. I am able to have all color and other building blocks but ripple effect on buttons, textbox and others are not working. In search bar, underline for ripple effect is there but I am not getting…
user1764198
1
vote
1 answer

Bootstrap dropdown conflicting with jQuery.dropdown

I am trying to manually toggle a bootstrap dropdown. This script used to work until recently: $(function () { $('.role-toggler').on('click', function (e) { $(this).find('.dropdown-toggle').dropdown('toggle'); …
1
vote
1 answer

Override Bootstrap Material Design event listener for element

I have a Angular2 component which uses Bootstrap Material Design for look'n'feel @Component({ selector:'inputCustom', template:`
1
vote
2 answers

initialize Bootstrap Material Design in Ember.js App

I started learning Ember.js one week ago and I'm trying to integrate the Bootstrap Material Design in my app. I have read the documentation that says I need to call: $.material.init() I have tried to create a instance initializer and put this code…
1
vote
1 answer

Radio buttons in bootstrap material design become invisible while using ng-repeat

I use bootstrap material design to add material effects in my project, when I use ng-repeat with it the radio button become invisible, when I remove radio radio-success class radio button become visible but without its effect.
1
vote
2 answers

Menus not dropping down in browser after setup with JHipster

I have been using the JHipster Mini Book to learn AngularJS and Spring Boot but I've hit a snag near the beginning of the book, at page 14. So far, I have run "yo jhipster", created a PostgreSQL database, and installed material design with "bower…
1
vote
2 answers

Angular bootstrap-material-design removes ripple effect in ng-repeat

I'm using bootstrap-material-design in my Angular app. The ripple effect works well throughout the app, though when using ng-repeat I'm losing the ripple effect. I created an item outside the ng-repeat in the same
    and works fine. Is it caused…
1
vote
0 answers

Fezvrasta material design for bootstrap: how integrate with rails (SASS)

I'm trying to add Fezvrasta material design for bootstrap to my rails app but unfortunately without success. Can anyone give me some help on how to do this? Both rails assets and this SO answer didn't work. On the first I got the following error…
Nuno
  • 515
  • 1
  • 5
  • 21
1
vote
1 answer

Bootstrap material fullpalette

I would like to add the fullpalette of bootstrap material design in my Angular application. When I'm doing "grunt build" this file material-fullpalette.min.css isn't working in the dist (I added it manually in my index.html). How can I do it…
1
vote
1 answer

How to integrate specific input styles from bootstrap material design to existing project?

I'm facing some issues while integrating only some of the styles defined in https://github.com/FezVrasta/bootstrap-material-design, namely the inputs on an existing theme with custom bootstrap styling applied. In a less file I'm importing the input…
Diosney
  • 10,520
  • 15
  • 66
  • 111
1
vote
1 answer

Bootstrap material design dropdown button is not drawn correctly

I am trying to use button from bootstrap material design from below link: http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html I downloaded the dropdown button and all needed CSS and JavaScript from the above link. When I am…
pitnal
  • 551
  • 1
  • 5
  • 17
1
vote
1 answer

Styling Checkbox in Laravel Form

I am using Laravel Forms package to generate the form elements. I am using Bootstrap Material design library to get the elements shiny. Library: https://fezvrasta.github.io/bootstrap-material-design/#checkbox For Checkboxes, I am not able to get the…