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

Most in-demand IT jobs from last decade

Uber for travel, Netflix for leisure and Google for everything is the ideal routine that we all wish to follow, of course with Instagram...

The finest text editor for professional bloggers

It is a fact that blogs have replaced books and magazines due to increasing popularity of the online world. Serious readers subscribe to blogs...

Angular 9 final release released

Angular 9 final is here! The new version was released a little late. Ivy is of course one of the new features, but that's...

VS Code update: New preview features, movable panel and Docker tutorials

The first VS Code update in 2020 was released. In addition to new preview features, parts of the workbench have been revised and the...

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...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here