Laravel 5.7 Bootstrap 4 кнопки цвет странный - PullRequest
Новая
       0

Laravel 5.7 Bootstrap 4 кнопки цвет странный

0 голосов
/ 20 октября 2018

Я запустил новый проект в laravel 5.7 с начальной загрузкой 4, но цвет кнопок начальной загрузки странный. Вот изображение:

enter image description here

И это мой код: 

<tr>
  <td>
    <a href="#" class="btn btn-warning btn-sm">Izmeni</a>
    <a href="#" class="btn btn-info btn-sm">Prikaži</a>
  </td>
</tr>

Это в моем <head>: 

...
<meta charset="utf-8">
<title>Unos kompanije</title>
<link rel="stylesheet" href="{{asset('css/app.css')}}">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
...

Как изменить цвет кнопок, чтобы они выглядели так же, как на веб-сайте начальной загрузки 4

enter image description here

Ответы [ 2 ]

0 голосов
/ 01 апреля 2019

Если вы используете установку по умолчанию, тогда ваш resources/sass/app.scss файл должен выглядеть примерно так: 

// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

.navbar-laravel {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

Источником вашего горе является импорт variables, поэтому у вас есть два варианта:

Опция 1. Полностью удалить @import 'variables';

Опция 2. Открыть _variables.scss (должна находиться в том же каталоге, что и app.scss и удалите блок определения цвета. Должно выглядеть примерно так: 

$blue: #3490dc;
$indigo: #6574cd;
$purple: #9561e2;
$pink: #f66D9b;
$red: #e3342f;
$orange: #f6993f;
$yellow: #ffed4a;
$green: #38c172;
$teal: #4dc0b5;
$cyan: #6cb2eb;

Не забудьте перекомпилировать, как только вы закончите.;)

0 голосов
/ 20 октября 2018

В зависимости от того, как вы загрузили проект, проблемы могут быть указаны в цветных переменных SASS начальной загрузки .В общем, вы можете проверить, чтобы изменить эти переменные SASS для цветов, а затем пересобрать SASS в вашем файле app.css.Я также предлагаю вам посмотреть Laravel From Scratch [Часть 4] - Шаблонные и компиляционные ресурсы лезвия .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...