Интервал и маржинальная утилита в React-Bootstrap - PullRequest
Новая
       10

Интервал и маржинальная утилита в React-Bootstrap

0 голосов
/ 13 декабря 2018

Я новичок в React Js.Есть ли в React Bootstrap служебные классы spacing и margin, как у нас в Bootstrap mt-4, p-5, mx-auto и т. Д.правильный ответ.Просто хочу знать, существуют ли они.

Ответы [ 2 ]

0 голосов
/ 15 января 2019

К сожалению, поскольку response-bootstrap основан на Bootstrap 3, у вас нет доступа к помощникам Bootstrap 4.

К счастью, вы можете реализовать их самостоятельно.:)

В вашем CSS просто создайте новый класс: 

.mt-1 {
  margin-top: 0.25rem !important;
}

И теперь в вашем коде вы можете использовать className="mt-1".

В зависимости от того, как вы установили свойCSS вверх, вы можете определить интервал в терминах rem, em или даже px.

0 голосов
/ 13 декабря 2018

Вы можете использовать Bootstrap, просто добавьте класс Bootstrap к компоненту, и он будет работать как обычно.Например, для заголовка компонента: 

class Header extends React.Component {
 <div className='mt-5'> //margin-top 5px

 {..content here}
 </div>
}

Не забудьте добавить Bootstrap в ваш проект в файле index.html 

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
...