rails bootstrap modal window modal-lg -
i made simple large modal window in rails project. here code:
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#mymodal">open modal</button> <div id="mymodal" class="modal fade" role="dialog"> <div class="modal-dialog modal-lg"> <!-- modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title"> title</h4> </div> <div class="modal-body"> <p>some text in modal.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">close</button> </div> </div> </div> </div>
the code copypasted here: w3cschools tried work in jsfiddle works well. on website modal doesn't css modal-lg
. issued wired problems bootstrap responsive grids earlier , decided use pure.css grid cause didn't have enough time dig deeper. feels right have problems including bootstrap. part of gem file include bootstrap:
gem 'rails', '4.0.2' gem 'bootstrap-sass' gem 'sprockets', '2.11.0' gem 'bcrypt-ruby', '3.1.2' gem "font-awesome-rails"
so how fix this? ( can make simple demo page , push heroku show modal doesn't work properly, if
upd: okay, can see example here: link. check in web inspector. , check w3c modal window in web inspector see on website doesn't css modal-lg
Comments
Post a Comment