How to make ajax-like tab switcher in Bulma CSS framework? How to make it in easy way? Or what framework should I use to solve this task?
Some text to bypass github error Some text to bypass github error Some text to bypass github error Some text to bypass github error
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.2/css/bulma.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<div class="tabs is-centered">
<ul>
<li class="is-active">
<a>
<span class="icon is-small"><i class="fa fa-html5"></i></span>
<span>All</span>
</a>
</li>
<li>
<a>
<span class="icon is-small"><i class="fa fa-tablet"></i></span>
<span>Adaptive design</span>
</a>
</li>
<li>
<a>
<span class="icon is-small"><i class="fa fa-file-code-o"></i></span>
<span>jQuery</span>
</a>
</li>
<li>
<a>
<span class="icon is-small"><i class="fa fa-cog"></i></span>
<span>AJAX</span>
</a>
</li>
<li>
<a>
<span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
<span>AngularJS</span>
</a>
</li>
</ul>
<!--/tabs is-centered-->
</div>Bulma CSS does not have the best collection for Javascript implementation, as its motivation is to be a CSS only framework.
If you are not much familiar with Javascript, jQuery, AJAX, I would suggest you adopt other frameworks like Bootstrap or Materialize CSS.
A simple example to achieve the functionality you are looking for:-