Renuo_Full_Lockup Rails Bootstrap Ui
x
1
2
3
4
5
6
7
<div class="position-relative">
  <button type="button"
          class="btn btn-primary position-sm-absolute
top-0">
    Primary
  </button>
</div>
1
2
3
4
5
6
7
<div class="position-relative">
  <button type="button"
          class="btn btn-primary position-<%= responsive_classes %>-<%= position %>
<%= arrangement %>-<%= arrangement_values %>">
    Primary
  </button>
</div>

Interactive playground for experimenting with different button styles and states.

Param Description Input

Bootstrap position class example

Bootstrap responsive classes

Bootstrap arrangement classes

Bootstrap arrangement values

_position_utilities.scss

1
2
3
4
5
@each $key, $value in $utilities {
  $utilities: map-merge($utilities, (
      $key: map-merge($value, (responsive: true))
  ));
}

No assets to display.