最終更新日:2019年3月22日 18時17分

Geany Bootstrap Snippets を利用した出力例

Geany Bootstrap Snippets は、Geany 用のスニペットです。 短縮文字を入力すると、Bootstrap のクラス名が付与された HTML タグを出力することができます。 ここをクリックしてダウンロードが完了したら、展開したファイルを Geany で開き、Ctrl+ACtrl+C でコピーして下さい。 snipets-00 続けて、メニューから ツール(T)設定ファイル(O)snippets.conf を選択します。 snipets-01 snippets.conf が開いたら、[HTML]の箇所にペーストしてから保存して下さい。 snipets-02 使い方は、index.htmlをGeanyで開き、下記リストの文言を入力した後、タブキーを押すだけです。 snipets-03 snipets-04 snipets-05

文言と出力例

※出力に画像のリンク等は含まれません
入力+タブキー出力例
aa
abbrabbr
address
address
alert
alert link
badgebadge
baselinebaseline
bgdanger
bgdanger
bgdark
bgdark
bginfo
bginfo
bglight
bglight
bgprimary
bgprimary
bgsecondary
bgsecondary
bgsuccess
bgsuccess
bgwarning
bgwarning
bgwhite
bgwhite
bold

bold

bottombottom
brb
r
btn
capital

capital

card
card
citecite
codecode
deldel
div
div
dl
dl
emem
figure
figure
floatl
floatl
floatr
floatr
clear
clear
h1

h1

h2

h2

h3

h3

h4

h4

h5
h5
h6
h6
hr
imgfimgf
imgrimgr
imgtimgt
insins
invisible
italic

italic

jumbo
jumbo
kbdkbd
light

light

listg
  • listg
lower

lower

markmark
middlemiddle
normal

normal

ol
  1. ol
p

p

pillpill
pop
pre
p
r
e
prec
pre
c
quote

quote

smallsmall
spanspan
strongstrong
table
table
tbottomtbottom
tip
toptop
ttopttop
ul
  • ul
upper

upper

visible
visible

シェア