Currently, I am utilizing reactstrap within my React component. My primary intention is to position a button to the right side of the container but unfortunately, the following code doesn't achieve the desired result:
<td class="col-md-4 clearfix">
<Button className="float-right" color="warning" size="sm"><FontAwesomeIcon icon={faTrashAlt} /> Delete</Button>
</td>
I followed the suggestions mentioned here by applying a clearfix class to the parent element, however, this approach also didn't yield the expected outcome:
<td class="col-md-4 clearfix">
<button className="btn btn-danger float-right">Delete</button>
</td>
Could it be an issue with reactstrap itself or is there something subtle that I might be overlooking?
UPDATE
Upon further investigation, I have discovered that the float-right property seems to work for text alignment but not for buttons.