Bootstrap поплавок-правый класс на кнопке - PullRequest
Новая
       7

Bootstrap поплавок-правый класс на кнопке

0 голосов
/ 28 сентября 2019

Я использую реагирующий ремень в своем компоненте React.Я хочу плавать по правой кнопке, но это, похоже, не работает: 

<td class="col-md-4 clearfix">
    <Button className="float-right" color="warning" size="sm"><FontAwesomeIcon icon={faTrashAlt} /> Delete</Button>
</td>

Я также проверил, как сказано здесь с clearfix в parent, но не сработал: 

<td class="col-md-4 clearfix">
    <button className="btn btn-danger float-right">Delete</button>
</td>

Это реакционная лента или есть что-то, чего я не вижу?

ОБНОВЛЕНИЕ

Я обнаружил, что право на текст работает для текстов, но не для кнопки.

1 Ответ

0 голосов
/ 29 сентября 2019 

table{
width:100%;
}
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<table>
 <tr>
  <td class="col-md-4">
    <button class="float-right" >Delete</button>
   </td>
 </tr>
</table>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...