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
0
votes
1 answer

How to Customizing/add a class to the ActiveForm items with Material Bootstrap design classes on Yii2

I'm trying to add a class for a TextField like this one:
field($model, 'email'); ?>
Output: And that would be something like this?(the label will be inside the…
0
votes
2 answers

Full width container or jumbotron in Yii2 With Material Bootstrap Library

I'm trying to get full width container with jumbotron or something like this in full width:

Full Width Layout

0
votes
1 answer

Add gradient for all borders of textarea with bootstrap material design

I'm using Material Design for Bootstrap and I want to change a textarea for it to have all borders to work with the gradient, instead of working only with the bottom border. I have started to change the class is-focused, but I'm not able to…
0
votes
2 answers

Ripple effect does not work after using bootstrap material design for in Yii2

I'm trying to use this tutorial for using Material Ripple in my yii2 advanced app. And in the Test.html buttons and effects and ripples is working, but in my Yii2 app the library is without any ripple effect. this is my css's and other…
0
votes
1 answer

Laravel can't find bootstrap style

I'm trying to install bootstrap from https://github.com/FezVrasta/bootstrap-material-design. But when I follow the instructions it won't work. I've put the 3 maps css,fonts and js in the public folder. This is my master.blade view : …
Jamie
  • 10,302
  • 32
  • 103
  • 186
0
votes
1 answer

How to find out where bootstrap-material is created

I'm trying to use Bootstrap-Material in my website. I'm having a problem getting the checkbox to work. When I copy the code from the Bootstrap-Material site to my project, most of the features work, but no Box appears beside the label "Checkbox".…
0
votes
3 answers

How to prevent floating-label to mix with input?

I'm trying to use the Bootstrap Material design theme in which I now use a simple text input field with the following code:
kramer65
  • 50,427
  • 120
  • 308
  • 488
0
votes
2 answers

Lack of ripples in Bootstrap Material Design

I am trying to implement the bootstrap-material-design theme to my existing Bootstrap site. In my main.blade.php, I have this on top to denote the stylesheets.
0
votes
2 answers

How to override background of Bootstrap Material Design theme?

I've built a website using bootstrap, and I now want to use the Bootstrap Material Design theme for its sexy components. So I included the css and js in my , which immediately changes a lot of things in my website, such as the background and…
kramer65
  • 50,427
  • 120
  • 308
  • 488
0
votes
2 answers

Integrate LESS version of Bootstrap-Material-Design to Rails Project

I am using this gem bootstrap-material-design which is a sass version of https://github.com/FezVrasta/bootstrap-material-design library but recently I have noticed that sass version is no longer maintained. Problem i am facing with this gem is that…
0
votes
1 answer

select list change selected

I'm using http://fezvrasta.github.io/bootstrap-material-design/#dropdown-menu for my select lists. This generates a dropdown in the form of an ul with list items in it and hides the select list. I thought that when you select a list item in the ul…
0
votes
1 answer

where are my font files - in my Rails project I use Bower and Material Design

Bootstrap-Material-Design by FezVrasta is a very nice module! I only have one tiny itch - and that is pertaining to the fonts addressed in the material.css I'm on Ruby 2.1.2, Rails 4.1.5, Node 0.10.35 and Bower 1.3.7 I added a .bowerrc with { …
0
votes
1 answer

Is that a way to skip css3 animation at shown?

Animation always play when an element from display:none to shown status. If I want style a custom checkbox. I only need it play animate when user check or uncheck it. input[type=checkbox] { opacity: 0; } // native checkbox…
-1
votes
2 answers

position: relative; style destroying my select dropdown animation

Class col-md-6 destroying my ng-select dropdown animation When I disabled it from browser's developer tool everything looks fine. When I replace styles of class col-md-6 to this : .col-md-6 { position: static; width: 100%; min-height:…
-1
votes
1 answer

npm install bootstrap-material-datepicker

I'm working with React and Rails and implementing material design in my app. I'm loading the modules using webpack. I have been able to get bootstrap-material-design and moment.js through npm but now, i want to integrate bootstrap material…