Category : css

I connect bootstrap, but laravel cant find styles app.blade.php: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="csrf-token" content="={{csrf_token()}}"> <title>@yield(‘title-block’)</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="public/css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="public/css/style.css"> </head> <body> @yield(‘content’) </body> </html> <?php registration.blade.php: @extends(‘layouts.app’) @section(‘title-block’) Регистрация @endsection @section(‘content’) <div class="container"> ..

Read more

I’ve been trying to turn my HTML project into PHP one while learning Laravel. However, when embedding codes in old HTML files into my new PHP files in Laravel and running them on XAMPP Apache server, it shows only plain HTML texts without images, buttons and audio. Here are my codes: <?php echo(‘<DOCTYPE html> <head> ..

Read more

I have a project created with Laravel 8, Jetstream, I’ve installed Tailwind CSS and fontawesome-free too. When I use this classes like that: <i class="fa fa-user-circle text-white cursor-pointer text-6xl"></i> text-white and cursor-pointer works perfectly but "text-6xl" don’t if I use style="font-size: 60px" this works, but the class of Tailwind don’t Sourc..

Read more

I’m looking for a way to place icons on top of an image, the location of each icon would be stored in a database, and the icons would be draggable around the image. I’ve used UniFi’s Video software and they have a very similar thing to what I’m trying to achieve. (See below image) I ..

Read more

I’m getting this following 404 error even though I’ve the CSS files in right directory, I’ve coded them correctly in my webpage header and they’re getting loaded as you can see in the screenshot below. Still somehow I’m getting this following error, it’s trying to find the CSS files in http://127.0.0.1:8000/admin/assets/css whereas I’ve redirected them ..

Read more

I currently have the problem that my maps my 9th map is displayed on two pages although there is still enough space on the first page. Does anyone have a suitable solution to the problem? I tried anything: page-break-inside, page-break-before, page-break after. Anything does not work. Picture: https://drive.google.com/drive/my-drive index.blade snipped: <!DOCTYPE html> <html lang="de"> <head> ..

Read more

I’m trying to do a foreach showing database information. I want to do a loop of divs with this information. One example: if I have 4 registers on database I will have 4 different divs. How can I do that? This is my blade file: @extends(‘layouts.app_cad_livros’) @section(‘content’) <div class="textocs"> <br> <h3>LIVROS</h3> </div> <div class="card_livro"> @foreach($livro ..

Read more

How can I limit the impressions of the foreach ?. I need only 7 rows horizontal to print. is there any way to do it with css or pagination? Image the problem: https://i.imgur.com/LwhA42z.png right now print infinity, the design is deformed <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing"> <div class="widget widget-table-two"> <div class="widget-heading"> <h5 class="">Turnos ..

Read more

I am trying to create an animation which when the page loads, it increments the number of difficulty of something e.g 90%. I have this code which increments the value from 0-90% <div class="physicalDifficulty"> <img src="/img/difficulties/physical_cube.svg" alt="physical" /> </div> @property –num { syntax: "<integer>"; initial-value: 90; inherits: false; } .physicalDifficulty { animation: counter 5s alternate ..

Read more