HAML:
|
1 2 3 4 5 |
.row .col-sm-12 .fill .middle = yield |
CSS:
|
1 2 3 4 5 6 7 8 9 10 11 |
.fill { height: 600px; } .middle { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } |
For instance, we have select with id="element id" and we have to set red color for text
|
1 2 3 4 5 6 7 8 9 |
#select2-element_id-container { color: red; } #select2-element_id-container .select2-selection__placeholder { color: red; } |
Після добавлення контенту ajax'ом scroll не з'явився. Вирішується проблема наступним чином
|
1 |
$("body").css({ overflow:"auto" }); |
В одному із Rails проектів інтернет магазину з продажу книг, була задача організувати попередній перегляд (скороченої версії) книги в pdf форматі. Для цього, було прийнято рішення, при кліку на лінк, відкривати модальне вікно із відображенням цього файлу (хоча amazon робить трохи по іншому – слайдер сторінок, які у вигляді зображень )
Для інтеграції Bootstrap 3 в Rails 4.x можна обійтися без інсталяції gem'а, виконавши наступны кроки:
|
1 |
//= require bootstrap.min |
|
1 |
*= require bootstrap.min |
та підключаємо шрифти наступним чином
|
1 2 3 4 5 6 7 8 |
@font-face { font-family: 'Glyphicons Halflings'; src: url('../assets/glyphicons-halflings-regular.eot'); src: url('../assets/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../assets/glyphicons-halflings-regular.woff') format('woff'), url('../assets/glyphicons-halflings-regular.ttf') format('truetype'), url('../assets/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } |
config/application.rb після class Application < Rails::Application добавляємо наступне:
|
1 2 |
class Application < Rails::Application config.assets.paths << "#{Rails}/vendor/assets/fonts" |
В консолі компілюємо assets наступним чином
|
1 |
rake assets:precompile RAILS_ENV=development |
Приклади застосування
edit.html.erb
|
1 2 3 |
<%= bootstrap_form_for(@sklad,url: admin_sklad_path) do |f| %> <%= render partial: "admin/sklads/form_edit", locals: {f: f} %> <% end %> |
_form_edit.html.erb
|
1 2 3 4 5 6 7 8 9 |
<%= f.collection_select :tovar_id, Sklad.where(visible: 1), :id,:model,{class: "form-control filter_select", label: "Товар",prompt: "[Вибір товару]"} %> <%= f.text_field :count, label: "Кількість" %> <%= f.text_field :price, label: "Ціна,$", readonly: true, disable: true %> <%= image_tag @filename, width: "350", id: "sklad_tovar_image" %> <div class="box-footer"> <%= f.submit " Зберегти ", class: "btn btn-primary" %> <%= link_to " Назад ", admin_sklads_path, class: "btn btn-danger" %> </div> |