title: Align button in a Card Footer to the right in React Bootstrap
body: <p>I am trying to align a button (And eventually 2 buttons) to the right in a <code>Card.footer</code> in React Bootstrap. i have tried <code>style=={{display: 'flex', display: 'flex', alignItems: 'flex-end', float: 'right'}}</code> and <code>className='btn btn-success btn-lg float-right'</code> and many combinations of these without anything changing.</p>
  <p>my card is as follows:</p>
  <pre><code>&lt;Card style={{ marginBottom: &quot;15px&quot;, marginTop: &quot;15px&quot;, cursor: 'pointer' }}&gt;
      &lt;ListGroup&gt;
          &lt;ListGroup.Item&gt;
              &lt;Container&gt;
                  Card Content
              &lt;/Container&gt;
          &lt;/ListGroup.Item&gt;
      &lt;/ListGroup&gt;
      &lt;Card.Footer&gt;
          &lt;Row&gt;
              &lt;Button className='btn btn-success btn-lg float-right' style={{ display: 'flex', alignItems: 'flex-end', float: 'right' }}&gt;Like&lt;/Button&gt;
          &lt;/Row&gt;
      &lt;/Card.Footer&gt;
  &lt;/Card&gt;
  </code></pre>