Skip to content

Column breakpoint classes without size not working #1041

Closed
@jacobmllr95

Description

@jacobmllr95

It's currently not possible to apply the col-[sm|md|lg|xl]class without any size.

As an live example look at the Docs where the col-sm class isn't added to the column.

Expected

<!-- Vue.js template -->
<b-container>
    <b-row>
        <b-col sm>col-sm</b-col>
        <b-col sm>col-sm</b-col>
        <b-col sm>col-sm</b-col>
    </b-row>
</b-container>

<!-- HTML output -->
<div class="container">
  <div class="row">
    <div class="col-sm">col-sm</div>
    <div class="col-sm">col-sm</div>
    <div class="col-sm">col-sm</div>
  </div>
</div>

Currently

<!-- Vue.js template -->
<b-container>
    <b-row>
        <b-col sm>col-sm</b-col>
        <b-col sm>col-sm</b-col>
        <b-col sm>col-sm</b-col>
    </b-row>
</b-container>

<!-- HTML output -->
<div class="container">
  <div class="row">
    <div class="col">col-sm</div>
    <div class="col">col-sm</div>
    <div class="col">col-sm</div>
  </div>
</div>

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions