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"> ..
Category : css
I’m learning Laravel PHP and I was trying to display some contents like images and audio in a PHP webpage. However, it didn’t display any images but only plain texts. So I tried to install some HTML packages by pasting some lines of codes to composer.json file and app.php file like what they said in ..
I have been struggling a bit to have the correct output look of my table. I wanted to have this kind of look of my table but the only problem that I have is that I wanted the rows to use box-shadow and alternate the colors but still have the spacing between rows…here’s an example ..
I’m trying to add comments to an existing post through an ajax request that updates the comments dynamically. Each post is loaded with an attribute of ‘data-post-id’ which holds it’s id from the Post eloquent model. The data-post-id works just fine as I can see that it holds the post’s id when I inspect the ..
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> ..
I am trying to figure out the most correct laravel way to keep track of the current request page meta, scripts and styles without making things too complicated down the road. Basically, when rendering the view, the blade will need the meta title, description, canonical, etc. along with all linked CSS files, linked JS files ..
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..
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 ..
I’ve just started a new project in Laravel. But I’m facing a weird problem with Tailwind. I can’t use all margin or padding spacing opitons like m-5 or p-4 or mb-4 and so on… Weird thing is I can use mt-5 but can’t use m-5. How can I fix this issue? Screenshot: https://prnt.sc/1f5n605 Sourc..
I am trying to design a printable invoice template using HTMLCSS in a Laravel project, the trick is that i need to prevent the signature located at the end of my dynamic products table to be in a page alone, i need it to be with at least one row of my products table before ..
This textarea is one that is updated several times and each line in the textarea is for a separate entry. Thus it is better to have each starting at the very left of the textbox. Ex: " first entry second entry " But what it is displaying is, " first entry second entry " This ..
I have made an e-commerce website. So, when an order is placed, the user has to wait until the confirmation of the order. So, there are two buttons which are of no use until the order has not been confirmed The JavaScript code is as follows: var docketDownlondLink = "–"; var rescheduled_pickupLink = "–"; if(ordertype ..
<video autoplay id="video-play" poster="" width="100%" disablePictureInPicture controlsList="nodownload" onended="load_next_video()"> <source src="" type="video/mp4"> Your browser does not support HTML video. </video> Also, I need to load the next video after it ends. Sourc..
<video autoplay id="video-play" poster="" width="100%" disablePictureInPicture controlsList="nodownload" onended="load_next_video()"> <source src="" type="video/mp4"> Your browser does not support HTML video. </video> Also, I need to load the next video after it ends. Sourc..
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 ..
$name = the Stack Overflow <div class="greyWord"> {{ $name }} </div> <div class="blackWord"> </div> I want the first word ‘the‘ in division with class name greyWord and remaining words ‘Stack Overflow‘ in division class blackWord Sourc..
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> ..
Working on creating a self generated magazine on PDF, where basically I have two type of pages, full image pages and content pages. The full image pages doesn’t need to have the header or the footer so trying to find the way to show / hide the header and the footer in the pages I ..
I am building a website to display images in an specific grid. I am using Laravel and Bootstrap for this project. The goal is to create a grid with spacing that maintains the images heights. To create a space between the divs I added a border left to the images, but when I do that ..
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 ..
After I have created design and imported laravel/ui to the project it won’t load my css anymore. How can I fix it? Sourc..
I need to display records of properties with images. I found that most of the images are of different sizes and ratios. IN the display grid , I need to display in a specific ration ( 2:1 ). But when I fix width , lot of images are displayed with white space in the bottom ..
All of the info I can find online says that you should install bootstrap by running composer require laravel/ui and then php artisan ui boostrap. However, in Laravel 8, laravel/ui is deprecated. Is there a new/better way of installing bootstrap? Sourc..
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 ..
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 ..
Web Development Company
Free Hosting Company
