配置文件表格内联编辑/可编辑

Question

我目前在我的个人资料页面上有这个，

<fieldset id="basic_information" class="collapse">
  <!-- Text input-->
    <div class="form-group">
    <label class="col-sm-2 control-label" for="textinput">Screen Name</label>
    <div class="col-sm-10">
    <input type="text" name="screen_name" placeholder="Screen Name" class="form-control"> 
    </div>
    </div>

是否有一个最新的bootstrap库，它易于使用并有一个教程（当前2016至少）用于内联编辑。我想像上面那样尽可能多地使用bootstrap，我使用了bootstrap collapse功能。

我正在尝试这个，https://vitalets.github.io/x-editable/。

但我不知道它是否仍然可以使用，因为最新版本是2013年，就像4年前一样。

还有关于如何广泛使用它的任何教程吗？网站上的说明从未详细介绍完整的示例。关于前端开发，我还处于训练阶段。

例如，有人可以给我一个关于如何使用内联编辑器用铅笔切换输入的示例吗？

P.S。我没有广泛的CSS知识，甚至在我开始使用今年的bootstrap之前，我只是制作了自己的css而没有那些花哨的东西。我真的不在我的元素中，这是我第一次尝试扩大/拓宽视野。如果是之前，我可能只会制作2个html页面，一个用于显示配置文件详细信息，另一个用于编辑。也许我咀嚼的东西比我可以吞咽的多，应该慢慢来，但我从经验中学习，同时也是好事和坏事。