Vue.js meets bootstrap: New project Vootstrap presented

Vootstrap should combine the JavaScript framework Vue.js with the front-end CSS library Bootstrap. The project is still brand new and currently only supports one component.

What happens when you connect Vue.js and Bootstrap? The result is called Vootstrap. The new tool should be a collection of Vue.js components and build on bootstrap. Vootstrap is intended to enable the frontend programming of websites and hybrid mobile apps. So far, only the component “Button” is supported, but more will follow soon.

Vootstrap : The most important bootstrap features

The most important feature is supposed to be the syntax: According to the description it is flexible, easy to learn for beginners and also helpful for experienced developers. A demo app is available to illustrate the basic principles.

Another central feature is that tag name components can be exchanged. Each Vootstrap component should be an HTML tag that can be inserted into the layout, so no CSS classes need to be used. Instead, style information can be included in the tags. Accordingly, all of the following entries for Button should be correct:

< vt-button-primary-outline-large title=”My button” > < /vt-button-primary-outline-large >
< vt-button-primary-large-outline title=”My button” > < /vt-button-primary-large-outline >
< vt-button-outline-primary-large title=”My button” > < /vt-button-outline-primary-large >
< vt-button-primary-large title=”My button” > < /vt-button-primary-large >
< vt-button-large-primary title=”My button” > < /vt-button-large-primary >

To use it, Vue.js and Bootstrap are required.

Everything about this new feature can be found in the GitHub repository.

Recent Articles

Purify: Library for functional programming in TypeScript

The Purify library was developed for functional programming in TypeScript. It should make it possible to use frequently used patterns from functional programming languages...

Angular 9 update: Release Candidates

Angular 9 update: release candidate has been released. Here are some bug fixes and performance improvements. However, there are no new features in Angular...

Frontend Tools 2019 survey: jQuery Threatened

Frontend Tools 2019 survey showed that React is voted the most important as well as the most widely used JavaScript tool. For the first...

PHP 8.0: Vote on Union Types ended

PHP 8.0 is scheduled for 2020. Recently, the PHP development team in PHP Internals voted on Union Types as a new feature for PHP....

Angular 9 Next versions: Bazel Schematics switched to Ivy

With Angular 9 next versions, the upcoming major version of the JavaScript framework has again received a number of feature updates, notably the innovations...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here