小编bha*_*all的帖子

<select>在Bootstrap 3中设置表单元素样式时,它会在OS X上的Firefox中呈现一个丑陋的按钮:

(http://bootply.com/98385)

这显然是一段时间已知的问题,并且有许多黑客和解决方法,其中没有一个非常干净(https://github.com/twbs/bootstrap/issues/765).我想知道除了使用Bootstrap下拉列表或额外的插件之外,是否有人找到了解决此问题的良好解决方案.我故意选择使用HTML <select>而不是Bootstrap下拉菜单,因为移动设备上的长列表可用性更好.

这是Firefox问题还是Bootstrap问题？

详细信息:Mac OS X 10.9,Firefox 25.0.1

2013年12月4日更新:我对每个浏览器如何<select>使用Firefox,Chrome和Safari 呈现OS X 10.9以及@zessx(使用http://bootply.com)进行了并排比较/ 98425).显然,<select>在浏览器和操作系统之间呈现表单元素的方式有很大差异:

我理解<select>标签的处理方式与您使用的操作系统不同,因为有基于操作系统的本机控件可以指示样式和行为.但是,class="form-control"在Bootstrap中它是什么导致<select>表单元素在Firefox中看起来不同？为什么<select>在Firefox中默认的,未设置样式看起来没问题,但是一旦它被设置样式,它看起来很难看？

随着 Bootstrap 4.3.1 的发布，PopConfirm 停止工作。每当触发 PopConfirm 实例时，按钮都不会出现：

我在这里重新创建了这个问题：https : //www.codeply.com/go/2BWcRgi8mc我正在使用以下依赖项和更新版本，按以下顺序加载它们：

• 引导 CSS 4.3.1
• jQuery 3.3.1
• popper.js 1.14.7
• 引导程序 4.3.1
• PopConfirm 0.4.5

当我恢复到 Boostratp 4.2.1 时，按钮显示得很好：

PopConfirm 问题：https : //github.com/Ifnot/PopConfirm/issues/41

I have rows of items in a list that each have their own delete button. Before deleting the item, I'd like to use Bootstrap's popovers to display a confirmation before the form is actually submitted:

I used to use the Fast Confirm jQuery plugin for this, but I'm sure there's a simpler, cleaner way to do this without plugins.

I can pass the values from the form to jQuery, and trigger the popover, but I'm not sure how to submit …

我正在努力保持按钮,以及带有<select>标签(包括其标签)的表单都在Bootstrap 3的同一行.每当表单呈现时,它似乎在表单之前添加换行符.这是我到目前为止所放在一起的内容(http://www.bootply.com/98022):

<div class="container">
    <div class="row">
      <button class="btn btn-default">Test 1</button>
      <button class="btn btn-default">Test 2</button>
      <form role="form" class="form-inline">      
      <div class="form-group">
        <label for="selectUser">Select:</label>
        <select id="selectUser" class="form-control selectWidth">
          <option class="">One</option>
          <option class="">Two</option>
          <option class="">Three</option>
        </select>
      </div>
      <div class="btn-group">
        <button class="btn btn-default">Test 3</button>
      </div>
      </form>
    </div> <!-- End Row -->
</div> <!-- End Container -->

我以为class="form-inline"会把它放在同一排.不幸的是,这是它呈现的方式:

这是我在图像编辑程序中创建的模型,我希望它看起来像:

我故意选择使用<select>元素而不是Bootstrap下拉,因为移动设备上的界面是最佳的(列表将非常大,并且尝试使用表单<select>元素在小屏幕上选择正确的选项更容易).

我发现了类似的问题,但大多数问题都没有解决<select>表单中的标记,或者是旧版本的Bootstrap(2.x).任何帮助将不胜感激.

谢谢!