进度条根本没有显示

Question

我正在使用 NSString *jScript = @"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);"; WKUserScript *wkUScript = [[WKUserScript alloc] initWithSource:jScript injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES]; SCSS npm and custom theme CSS安装的bootstrap作为我的模板，但不知何故进度条根本没有显示。它只是在我的页面中遗漏了。

@import './../../../node_modules/bootstrap/scss/bootstrap.scss';

同样的问题很好，班级刚刚失踪。 NPM引导版本是^ 4.1.1。检查DOM中创建的元素我看到进度条css在那里，所以bootstrap正在工作，为什么不进度吧？

Answer 1

结帐bootstrap docs：

  

在网格布局中，内容必须放在列中，只有列可以是行的直接子项。

用progress包裹您的col，一切正常。

＆＃13;

＆＃13;

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">


<div class="row">
  <!-- This one has no width -->
  <div class="progress">
    <div class="progress-bar progress-bar bg-warning progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
      <span class="sr-only">40% Complete (success)</span>
    </div>
  </div>
</div>

<div class="row">
  <div class="col">
    <!-- This one has width 100% -->
    <div class="progress">
      <div class="progress-bar progress-bar bg-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
        <span class="sr-only">40% Complete (success)</span>
      </div>
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;