поле между Div Bootstrap

Question

поле между Div Bootstrap

Если вы хотите добавить какой-либо пакет в изображение, Yocto framework предоставляет переменную IMAGE_INSTALL :

IMAGE_INSTALL_append = " pandoc"

1

css bootstrap-4

задан Alberto Siurob 18 January 2019 в 19:20

2 ответа

Другие вопросы по тегам:

css bootstrap-4

Похожие вопросы:

score 0 · Answer 1

Я согласен с Чиллером.

Еще одно решение - изменить ширину Bootstrap col-sm-4 с

flex: 0 0 33.333333%;
max-width: 33.333333%;

на

flex: 0 0 32.333333%;
max-width: 32.333333%;

(или меньше) и установить justify-content: between во внешнем row

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<style>
  .col-sm-4 {
    -ms-flex: 0 0 32.333333%;
    flex: 0 0 32.333333%;
    max-width: 32.333333%;
  }
</style>

<div class="container">
  <div class="row justify-content-between">
    <div class="col-sm-4 shadow p-5 bg-light border">
      COSILLAS
    </div>
    
    <div class="col-sm-4 shadow p-5 bg-light border">
      COSILLAS
    </div>
    
    <div class="col-sm-4 shadow p-5 bg-light border">
      COSILLAS
    </div>
  </div>
</div>

score 0 · Answer 2

Вы можете использовать внутренний div и использовать отступы, как показано ниже:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

<div class="container">
  <div class="row">
    <div class="col-sm-4 p-2">
      <div class="shadow p-5 bg-light border">
        COSILLAS
      </div>
    </div>
    <div class="col-sm-4 p-2">
      <div class="shadow p-5 bg-light border">
        COSILLAS
      </div>
    </div>
    <div class="col-sm-4 p-2">
      <div class="shadow p-5 bg-light border">
        COSILLAS
      </div>
    </div>

  </div>
</div>