在Bootstrap </select>中应用自定义<select>时出现渲染问题

Question

我正在使用bootstrap-select.min.js和bootstrap 3将自定义主题应用于我的选择标记。它有一个简单的jQuery函数来应用主题。

$('.selectpicker').selectpicker();

发生的事情是，这只适用于$(document).ready(function()。因此，在应用自定义主题之前，它会显示<select>的默认HTML布局。它看起来很糟糕，也使我的引导导航栏的布局不均匀。

JSFIDDLE

Answer 1

在window.load函数中应用它而非document.ready

后，它可以正常工作

$(window).load(function() 
{
   $('.selectpicker').selectpicker();
});