bootstrap-3

flex：

d-flex flex-row:垂直排列

 如果为flex-row-reverse:

d-flex  flex-column:水平排列

如果为flex-column-reverse:

justify-content:

 左对齐

 

  此时 -end为右对齐 -center中间对齐

-between两边对齐：

-around：每个项目两侧的间隔相等。如同：

order----调整顺序（）

 其中 order-first 可以直接变为第一个

 

   提示框alert:

 关闭提示框：

 

 

徽章

 

也可以用于按钮！

 

如果加上 -outline 只有边框加颜色：

 

 

同理也可以用于a链接

★下拉菜单

单一按钮的下拉菜单

 

登陆界面