display 属性，displayflex属性

input外面有一层tooltip,点击tooltip,input没获取焦点

检查一下，是不是样式问题，或者赋值的问题，可以的话贴一下代码。

如果只是工具栏上按钮的提示，可以直接在编辑属性时添加prompt就行了。

默认的触发方式已经满足不了你的需求了，你需要自己调用 .popover(show) 和 .popover(hide) 来控制显示/隐藏。

纯CSS Tooltip许多网站还是在使用JavaScript来创建Tooltip效果，但实际上通过CSS能更简单的实现。最简单的方法是在你的HTML代码中添加一个带有提示文本的属性，比如 data-tooltip=？ 。

肯定会自动的触发最底层的同1个Model的事件。 这样说来可能有点抽象，我根据 示例的Todos应用改了改，下面是相关的代码，重点需要注意的部分用黑体字标出，你很快就明白了。

这个是JS或JQ效果，一般是当编辑框获取到焦点，然后某个div框的隐藏取消。

前端应知应会:flex布局详解

1、flex 属性是 flex-grow、flex-shrink 和 flex-basis 三属性的简写总和。align-self 属性允许 item 有自己独特的在交叉轴上的对齐方式，它有六个可能的值，默认值为 auto。

2、块级布局侧重垂直方向、行内布局侧重水平方向，flex布局是与方向无关的。

3、flex称为弹性布局，当父元素设置为flex值后子元素会自动成为其成员，再通过设置属性值来实现各种布局效果。例通过给父元素设置justify-content属性实现水平垂直居中效果通过Flex可以简便、完整、响应式地实现各种页面布局。

4、采用flex布局的元素，称为flex容器（flex container）。它的所有子元素自动成为容器成员，称为flex项目（flex item）。

5、任何一个容器都可以指定为flex布局。行内元素也可以使用flex布局。

如何设置flex弹性布局flex-grow属性用法

1、这相当于将属性设置为 flex： 1 1 auto.●none：元素会根据自身宽高来设置尺寸。它是完全非弹性的，既不会缩短，也不会伸长来适应flex容器。相当于将属性设置为flex： 0 0 auto。

2、align-self 用于设置弹性子元素自身在侧轴（纵轴）方向上的对齐方式。允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。

3、flex属性是flex-grow， flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。该属性有两个快捷值：auto (1 1 auto) 和 none (0 0 auto)。

4、order决定了项目的排列顺序，可以通过设置该属性将对应的item往前排列 flex-grow，决定了item的放大比例，默认为0不进行放大。

5、该属性主要有以下值：默认值为row nowrap，可以以如下方法设定该属性：该属性主要有以下值：该属性主要有以下值：该属性主要有以下值：flex item（子元素）有如下六个属性：该属性默认值为0。