---

Ⅰ. 插件描述

Bootstrap 3.2 markup snippets for vim-snipmate

Ⅱ. 基本信息

创建日期：  2012-11-11 使用用户：  42 Github星：  85 插件作者：  Ben Sullivan

Ⅲ. 安装方法

使用Vundle管理器安装

在你的.vimrc下添加:

Plugin 'bonsaiben/bootstrap-snippets'

… 然后在Vim中运行以下命令:

:source %
:PluginInstall

对于Vundle版本 < 0.10.2，请用上面的Bundle替换Plugin。

使用NeoBundle管理器安装

在你的.vimrc下添加:

NeoBundle 'bonsaiben/bootstrap-snippets'

… 然后在Vim中运行以下命令:

:source %
:NeoBundleInstall

使用VimPlug管理器安装

在你的.vimrc下添加:

Plug 'bonsaiben/bootstrap-snippets'

… 然后在Vim中运行以下命令:

:source %
:PlugInstall

使用Pathogen管理器安装

在终端中运行以下命令:

cd ~/.vim/bundle
git clone https://github.com/bonsaiben/bootstrap-snippets

Ⅳ. 文档说明

# Bootstrap Snippets

HTML and Haml snippets for Twitter Bootstrap 3.3.2 markup, for the Vim plugin snipMate.

Dependencies

• vim-snipmate
• tlib_vim
• vim-addon-mw-utils

Installation using Pathogen

$ cd ~/.vim
$ mkdir bundle
$ cd bundle

# Install dependencies:
$ git clone https://github.com/garbas/vim-snipmate.git
$ git clone https://github.com/tomtom/tlib_vim.git
$ git clone https://github.com/MarcWeber/vim-addon-mw-utils.git

# Install bootstrap-snippets
$ git clone -b bootstrap-3-3-2 git://github.com/bonsaiben/bootstrap-snippets.git

Usage

In an html or haml file, type a trigger name in Insert mode, and press Tab to expand it into HTML markup.

Trigger names are meant to be as predictable as possible without being too long or redundant.

Most trigger names correspond directly to the relevant tag or class name, minus hyphens. For example, btnprimary becomes:

<button type="button" class="btn btn-primary">Default</button>

Buttons

Markup with .btn class uses the <button> tag by default, however there is usually a corresponding <a> tag version with the same trigger preceded by an a. For example, with btnprimary there is also abtnprimary which becomes:

<a target="_blank" rel="nofollow" href="#" class="btn btn-primary" role="button">Primary</a>

See Trigger Glossary below for a full list of triggers.

Filetypes

By default html snippets will only work in html files, or file formats associated with the html filetype in vim. If you are using a format like Ruby ERB (.html.erb) and the html snippets are not working, you may have to tell Vim to associate .html.erb files with the html filetype, for example:

autocmd BufRead,BufNewFile *.html.erb set filetype=html

Autocomplete

bootstrap-snippets ships with a dictionary file containing all of the triggers. This can be used as a vim dictionary for autocomplete (Insert mode CTRL+N/CTRL+P).

Add the dictionary file and enable dictionary autocomplete:

set dictionary+=~/.vim/bundle/bootstrap-snippets/dictionary
set complete+=k

Trigger Glossary

You can find a trigger glossary in the Wiki here.