React-bootstrap: две колонки в одной строке не отображаются - PullRequest
Новая
       7

React-bootstrap: две колонки в одной строке не отображаются

0 голосов
/ 24 мая 2018

Я пытался визуализировать два столбца в одной строке, и код, который я использую, приведен ниже.Ожидаемый результат - это enter image description here.но реакция это оказывает.enter image description here

<Grid>
  <Row className="what-the-coaching-in">
    What the coaching includes
  </Row>
  <Row className="what-the-coaching-in-below" />
  <Row>
    <Col xs={6} md={4} className="coaching-green-test-2">
      <ul>
        <li>DNA Test & personal consultation.</li>            
        <li>1 to 1 Deep dive session with your Coach to set your 90 day goals, 30 and 60-day bench marks, and your first two-week Daily Core Five (DC5).</li>
        <li>Weekly ‘team’ coaching calls to set new outcomes, overcome hurdles, brain storm and support each other.</li>
      </ul>
    </Col>
    <Col xs={6} md={4} className="coaching-green-test-2">
      <ul>
        <li>Daily support through email and phone messaging.</li>            
        <li>Bespoke exercise programme.</li>
        <li>Meal plans and recipes.</li>
        <li>Metric analysis.</li>
      </ul>
    </Col>
  </Row>
</Grid>

Есть идеи, почему не создаются два столбца?Любая помощь будет оценена и спасибо огромное заранее !!

1 Ответ

0 голосов
/ 24 мая 2018

Похоже, вы не включили необходимый файл CSS для начальной загрузки.

Чтобы использовать React-Bootstrap, включите CSS для Bootstrap v3

Вставьте это вВаш <head> тег в файле HTML: 

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
...