CSS 未加载到 Laravel 的刀片 (5.3)

Posted

技术标签:

【中文标题】CSS 未加载到 Laravel 的刀片 (5.3)【英文标题】:CSS not loading in Laravel's blade (5.3) 【发布时间】:2017-05-12 07:05:56 【问题描述】:

这是我的刀片视图:

@extends('emails.newlayout')

@section('title', 'Reminder')

@section('content')
<?php $total = 0; ?>         
<table class="table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Amount</th> 
</tr> 
</thead>
<tbody> 
@foreach ($sallary as $emp)
<tr>
<td> $emp->employee['name'] </td>
<td> $emp['value'] </td>
<?php $total += $emp['value']; ?>
</tr> 
@endforeach
</tbody> 
</table>
<p>Total: US$ $total </p>
@stop

这是在我的 newlayout.blade.php 的标题中:

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

当我将它作为 html 打开时,它在我的浏览器上工作得很好,但是当我在 laravel 上渲染它时,它根本不加载引导 css(加载其他所有内容)。我想知道我做错了什么?

输出

<table class="m_-7473167048951624218table m_-7473167048951624218table-striped">
<thead>
<tr>
<th>Name</th>
<th>Value</th> 
</tr> 
</thead>
<tbody> 
<tr>
<td>Test 2</td>
<td>1,093.55</td>
</tr> 
<tr>
<td>Test 3</td>
<td>1,090.33</td>
</tr> 
</tbody> 
</table>

【问题讨论】:

在 laravel 上渲染后得到的输出是什么? 它应该的一切,除了应该从引导加载的表格样式。 什么是 - 提供精确输出 添加到帖子 EDIT html 文件中有 css,这是表格的代码:table font-size: 14px; border: 0px 是否阻止引导程序之一? 这是打印屏幕,不是输出 【参考方案1】:

解决了

尴尬,但事实证明这是因为电子邮件。每种样式都应该是电子邮件中的内联 css,否则根据大量有关在线样式邮件的文档,它不会很好地呈现。

【讨论】:

以上是关于CSS 未加载到 Laravel 的刀片 (5.3)的主要内容,如果未能解决你的问题,请参考以下文章

Laravel 8:将刀片加载到另一个刀片时未定义的变量

来自 Vue.js 的组件未加载到 Laravel 刀片中

无法将数据从刀片传递到 vue(Laravel 5.3)

CSS文件未在laravel刀片视图中导入

VueJS 2 vue-router 2 (laravel 5.3)

在刀片 Laravel 5.3 中显示聚合