【问题标题】:bootstrap-select + typescript + webpack doesnt render properly on simple examplebootstrap-select + typescript + webpack 在简单示例中无法正确呈现
【发布时间】:2019-12-11 15:49:35
【问题描述】:

我在浏览器上得到了以下结果。我不知道为什么。

这是HTML

<body>
  <select id="selectpicker">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Barbecue</option>
  </select>  
</body>

这是打字稿

import 'bootstrap/dist/css/bootstrap.css'

import $ from 'jquery';
import 'bootstrap'
import 'bootstrap-select';


$(function () {
    $('#selectpicker').selectpicker();
});

我该如何进行这项工作?

编辑:已解决!!我不知道我也需要import 'bootstrap-select/dist/css/bootstrap-select.css'

【问题讨论】:

  • 如果可能,请分享您在控制台中看到的错误。
  • @ThisisFish 控制台没有错误
  • 请分享已编译的(相关!)html + css。您使用的是 bootstrap-select css,而不仅仅是 bootstrap-css,对吧?
  • 啊.. 我没有导入 bootstrap-select css。他们应该在文档中提到它

标签: javascript jquery typescript twitter-bootstrap-3 bootstrap-select


【解决方案1】:

在 ts 文件中包含 import 'bootstrap-select/dist/css/bootstrap-select.css'

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-09-13
    • 1970-01-01
    • 2017-09-03
    • 2020-01-14
    • 2018-08-13
    • 1970-01-01
    • 2021-03-09
    • 1970-01-01
    相关资源
    最近更新 更多