Bootstrap vue удаляет прокладку из модального тела - PullRequest
Новая
       21

Bootstrap vue удаляет прокладку из модального тела

0 голосов
/ 27 марта 2019

Как я могу удалить модальные обивки тела?Я использую BoostrapVue 

 <b-modal
  v-model="show"
  title="Modal Variants">

  <b-container fluid>
  </b-container>

  <div slot="modal-footer" class="w-100">
    <b-button size="sm" class="float-right" variant="primary" @click="show=false">Close</b-button>
  </div>
</b-modal>

1 Ответ

1 голос
/ 27 марта 2019

Вы можете предоставить свой собственный класс для удаления заполнения тела через свойство body-class (или используйте класс начальной загрузки p-0). 

new Vue({
  el: '#app',
  mounted () {
    this.$refs.modal.show()
  }
})
<link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap/dist/css/bootstrap.min.css" />
<script src="//unpkg.com/@babel/polyfill@latest/dist/polyfill.min.js"></script>
<script src="//unpkg.com/vue@latest/dist/vue.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.js"></script>

<div id='app'>
  <div>
    <b-modal ref="modal" id="modal1" title="BootstrapVue" body-class="p-0">
      <container fluid>
        content
      </container>
      <div slot="modal-footer">
        <b-button size="sm" class="float-right" variant="primary">Close</b-button>
      </div>
    </b-modal>
  </div>
</div>
...