html - 在 bootstrap 3 的 popover 中放置一个表单?

标签 html twitter-bootstrap

<分区>

如何在 bootstrap 3 的 popover 中放置一个表单?

<a href="#" class="btn btn-lg btn-danger" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">Click It !</a>

它的效果如下:

pic

我想在它的体内放置一个表单。我们该怎么做?

最佳答案

$('#popover').popover({ 
    html : true,
    title: function() {
      return $("#popover-head").html();
    },
    content: function() {
      return $("#popover-content").html();
    }
});

弹出框 HTML 标记:

<a href="#" id="popover">the popover link</a>
<div id="popover-head" class="hide">some title</div>
<div id="popover-content" class="hide">
  <form>
    <!-- my form -->
  </form>
</div>

关于html - 在 bootstrap 3 的 popover 中放置一个表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18706896/

相关文章:

html - 如何删除复选框边框?

html - 在 css 中应用偶数选择器时遇到问题

php - 如何使用bootstrap制作动态时间线?

jquery - Html 导航栏重叠主体(与我的 anchor 混淆)

javascript - 使用 Knockout JS 进行数据绑定(bind)

javascript - 在字段中显示 'ghosted' 示例文本,然后将其清除 onblur

html - 将文本置于 div 底部居中

android - 响应式 html5 css 网站中的字体大小

css - Bootstrap center 导航栏中间

javascript - 在每个 'X' React 组件后插入一个元素