[Informational] Bootstrap V4.beta 1, 2 & 3 ship list #747
Comments
|
I knew something was up with the grid system! That col component is gonna need an overhaul. |
|
I think it would be great if you could link out to the relevant bootstrap 4 docs where things like "variant" and "type" translate over to a specific option in bootstrap. I've found I'm often having to go to your docs, then to the underlying component source code to view the "defaults" and then over to the official bootstrap docs to see what options I can pass in. Example of this is the navbar which has "variant" and "type" as options. These form part of: |
|
@ImTheDeveloper We've started to include supported variants in many of the component docs in the 1.x banch (and at the v1.0.0.beta docs at https://bootstrap-vue.js.org/docs/) |
|
Bootstrap V4.0.0.beta.2 shiplist: twbs/bootstrap#23278 |
tmorehouse
changed the title
|
hey there, does this mean that bootstrap-vue supports v4.0.0-beta.2? |
|
Not yet, as bootstrap beta.2 hasn't shipped yet. There have been some changes that will support the upcoming V4.beta.2 release, but there are a few things that are still up in the air with V4.beta.2, and will need to be handled when V4.beta.2 is officially released. |
|
@tmorehouse , V4.beta.2 is already officially released https://github.com/twbs/bootstrap/releases/tag/v4.0.0-beta.2 |
|
Just saw that :-) Will need to go through and see what else has changed. |
tmorehouse
changed the title
Changes / features in Bootstrap V4.beta:
V4.beta.1: twbs/bootstrap#21568 ✔️
V4.beta.2: twbs/bootstrap#23278 ✔️
V4.beta.3: twbs/bootstrap#24439
We will use this issue to track progress for Bootstrap-Vue v1.0.0.x
Bootstrap-Vue components affected (we'll ad more as we find out more):
b-tooltippopper.js (PR feat: New popper.js based tooltip/popover directives and components #923) implemented as a directive & componentb-popoverpopper.js (PR feat: New popper.js based tooltip/popover directives and components #923) implemented as a directive & componentb-badge:b-badgeclass.badge-defaultremoved in beta.1b-dropdown:AllowCanned as it breaks keyboard navigationcontaineroption for dropdowns (see Add container option to our Dropdowns twbs/bootstrap#24257)b-nav-item-dropdown:popper.js- exclude positioning (see dropdown-menu-right works only inside navbars twbs/bootstrap#23553) (PR fix(dropdowns): Migration to popper.js positioning #913)Add examples of forms in dropdown menus twbs/bootstrap#22857)
b-table:b-tablerenamed.table-inverse,.thead-inverse, and.thead-defaultto.*-darkand.*-light, matching BSV4 color schemes used elsewhere. See Rename.table-inverse,.thead-inverse,.thead-defaultto.*-dark,.*-lighttwbs/bootstrap#23560.b-tabledocs: Bootstrap-Vue already supports any variant name on b-table, but needs updated documentation when V4.beta.2 ships. (PR feat(table): BS V4.beta.2 New responsive breakpoints and table-dark class #1222)b-table: table-responsive breakpoints: Responsive tables generate classes for each grid breakpoint, meaning they have added.table-responsive-{sm,md,lg,xl}to the already present.table-responsive.. See Generate series of.table-responsive-*classes to accomodate overflowing tables in a variety of screen sizes twbs/bootstrap#22804. (PR feat(table): BS V4.beta.2 New responsive breakpoints and table-dark class #1222)b-cardBackground variants & color classesb-navbar&b-nav-toggleClass changes (commit 1fab033)b-paginationchanges to.hidden-*class names to.d-*(PR fix(pagination): Change classes from .hidden-* to .d-* #840)b-progress:b-progressheight controls (PR feat(progress): Add height prop #837)b-progressV4.beta.2 changes how height is applied Progress bars: center labels vertically and set height on parent .progress twbs/bootstrap#22703 (PR fix(Progress): Bootstrap V4.beta.2 CSS height prop change #1217)b-progresstransition changesb-progressmultiple progress bar support (PR feat(progress): Support for multiple progress bars #889)b-carouseltransition timings, tweaks (fixed in PR fix(carousel): Handle changes in slide content #809, and more)b-modalb-modalV4.beta.3 will introduce a modal vertical center option (see Add.modal-dialog-centeredfor optional vertically centered modal twbs/bootstrap#24510) (PR feat(modal): Add Bootstrap V4 anticipated verticaly centered modal #1246 , but will need a revisit once BSV4.beta.3 is released)b-button,b-form-radio,b-form-checkboxToggle buttons don't honor [disabled] or .disabled (this is actually fixed in Bootstrap-Vue 😄 )b-coloffset-*classes (PR feat(b-col): restore.offset-*col classes + new b-container and b-row components 🍾🍻🎉 #929)b-colb-collapseuse show/flexshow based on collapse flexbox (see Collapse with flex elements twbs/bootstrap#22758) (on hold until BS V4.beta.3)b-form-input&b-form-textareareadonly plaintext style missing 100% width styles. which will be fixed in BS V4.beta.3. Will need to remove thew-100class addition when beta.3 is released.validandinvalid(warninghas been removed). Now supports native browser validation states as well. Note: there are known issues & limitations using the new BS 4.beta form validation contextual states with wrapped input elements. (see .invalid-feedback doesn't show for .input-group with an invalid control twbs/bootstrap#23454)b-formvalidation classes and attributes + native browser validation (PR fix(forms): BS4.beta form/input validation styles & components #847)b-form-groupValidation states no longer applied at the root fieldset (wasb-form-fieldset) (PR fix(forms): BS4.beta form/input validation styles & components #847)b-form-fileNow accepts validation states + native states (PR fix(forms): BS4.beta form/input validation styles & components #847)b-form-filenew classes for plain file inputs + native states (PR fix(forms): BS4.beta form/input validation styles & components #847)b-form-inputnew validation classes + native states (PR fix(forms): BS4.beta form/input validation styles & components #847)b-form-selectnew validation classes + native states (PR fix(forms): BS4.beta form/input validation styles & components #847)select.custom-selectclass will be changing toselect.form-controlclass in V4.beta.3b-form-radionew validation classes + native states (PR fix(forms): BS4.beta form/input validation styles & components #847)b-form-checkboxnew validation classes + native states (PR fix(forms): BS4.beta form/input validation styles & components #847)b-form-radio&b-form-checkbox: Slight markup changes needed for BSV4.beta.3 for styling (see Form check markup twbs/bootstrap#23444) (PR feat(form-radio+form-checkbox): Prep for BSV4.beta.3 plain checkbox/radio validation styling #1253, may need to revisit once BSV4.beta.3 released)b-form-input-staticnew class name (PR fix(forms): BS4.beta form/input validation styles & components #847)b-form-text(new component) help block text (PR feat(form-text): New functional component #846,fix(forms): BS4.beta form/input validation styles & components #847)b-form-feedback(new component & new class) feedback text (PR fix(forms): BS4.beta form/input validation styles & components #847)b-form-row(new component) helper for inline forms (PR feat(form-row): New functional component #844, fix(forms): BS4.beta form/input validation styles & components #847)b-form-select,b-form-radio, andb-form-checkboxwork, using sub-components. Allowoptgroupinform-select(PR feat(forms): New handling of form-select, form-radios and form-checkboxes #994)form-group, etcDirectives that will need changes:
v-b-scrollspychanges in which classes can be active (for more than just navs)v-b-toggleCollapse support multi target (already available in Bootstrap-Vue 😄 )The text was updated successfully, but these errors were encountered: