Flexible contact / feedback form with floating buttons and Twitter Bootstrap modals.
This is very primary version without detailed documentation, I will add more in a few days, so sorry for that
- Create floated button aligned to left / right / top side of the screen
- Rotate the button 90 degrees left or right
- Show the modal form by button click
- Set the margins from all sides
Left side button
<button type="button" class="btn btn-primary btn-lg clearfix btn-cff btn-cff-left" data-toggle="modal" data-target="#myModal">Contact / Feedback</button>
Right side button with 50% margin from the top
<button type="button" class="btn btn-primary btn-lg clearfix btn-cff btn-cff-right btn-cff-margin-top-50" data-toggle="modal" data-target="#myModal">Contact / Feedback</button>
Left side button rotated 90 degrees
<button type="button" class="btn btn-primary btn-lg clearfix btn-cff btn-cff-left-90" data-toggle="modal" data-target="#myModal">Contact / Feedback</button>
Left side button rotated 90 degrees inversed
<button type="button" class="btn btn-primary btn-lg clearfix btn-cff btn-cff-left-90-inverse" data-toggle="modal" data-target="#myModal">Contact / Feedback</button>
Right side button rotated 90 degrees
<button type="button" class="btn btn-primary btn-lg clearfix btn-cff btn-cff-right-90" data-toggle="modal" data-target="#myModal">Contact / Feedback</button>
Left side button rotated 90 degrees with 30% margin from the top
<button type="button" class="btn btn-primary btn-lg clearfix btn-cff btn-cff-left-90 btn-cff-margin-top-30" data-toggle="modal" data-target="#myModal">Contact / Feedback</button>