Category : bootstrap-4

For some reason the JavaScript isn’t displaying. I’ve checked the inspect element sources and it does in fact load correctly, however it isn’t being applied. Any idea why? Thanks. <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="{{ asset(‘css/app.css’) }}"> <script src="{{ asset(‘js/app.js’) }}"></script> <title>Hello World</title> </head> app.js: require(‘./bootstrap’); I’m specifically ..

Read more

I have a problem with my design template, horizontal scroll bar is displayed <!doctype html> <html lang="en"> <head> <!– Required meta tags –> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!– Bootstrap CSS –> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"> <title>Hello, world!</title> </head> <body> @yield(‘content’) <!– Optional JavaScript; choose one of the two! –> <!– Option 1: ..

Read more

This is my code. How to set the selected menu is active in bootsrap laravel 8? <!– Sidebar–> <div class="bg-dark border-right text-light" id="sidebar-wrapper"> <div class="sidebar-heading"></div> <div class="list-group list-group-flush"> <a class="list-group-item list-group-item-action bg-dark text-light" href="/home">Dashboard</a> <a class="list-group-item list-group-item-action bg-dark text-light" href="/sales">Sales</a> <a class="list-group-item list-group-item-action bg-dark text-light" href="/product">Product</a> </div> </div> I have try this, but don’t work ..

Read more

I have a data table but instead of displaying two buttons on the action column it rather displays the HTML code so what cold be the problem. <tbody> @foreach ($subjects as $key => $subjects) <tr> <td class="bs-checkbox "><input data-index="0" name="btSelectItem" type="checkbox"></td> <td>{{$key+1}}</td> <td>{{$subjects->name}}</td> <td>{{$subjects->description}}</td> <td>@if ($subjects->status==1) Active @else Deactivated @endif </td> <td> <div class="btn-group"> <a ..

Read more

I have just created a new Laravel project and installed Bootstrap right off the bat: composer require laravel/ui php artisan ui bootstrap npm install && npm run dev Now it also automatically installs resolve-url-loader: Additional dependencies must be installed. This will only take a moment. Running: npm install [email protected]^3.1.2 –save-dev –legacy-peer-deps Which returns: Finished. Please ..

Read more

i’m developing an application with Laravel 8. For the needs of the application I have chosen a bootstrap template containing graphics and which I have to populate based on the data obtained from my quereys. In the template I have a sample morris-init.js file but I don’t understand how to use it to populate my ..

Read more

I have a bootstrap table but my contents are too long so I use text-overflow but cannot change td width. they are still huge. How can I fix this? here’s my table: <table class="table "> <thead> <tr> <th class="">ID</th> <th class="">Image</th> <th class="">Image2</th> <th class="">Created</th> </tr> </thead> <tbody> @foreach($project->products as $product) <tr> <td ><span class="product-table-text"> ..

Read more

I’m working On tab, I’m getting problem When I Redirect Tab. I need To Redirect Nested Tab On click Main Tab It Is Possible ? MyScript $(“.parentTabs a.nav-link”).on(“click”, function () { alert(); var curId = $(this).attr(“href”); $(“.tab-pane”).removeClass(“active show”); $(“.nav-justified .nav-link”).removeClass(“active”); $(“.tab-pane” + curId).addClass(“active show”); }); $(“.chieldTabs a.chield-nav”).on(“click”, function () { $(“.chieldTabs a.chield-nav”).removeClass(“active show”); $(this).addClass(“active”); var ..

Read more

I need to add 4 products to carousel and I need to loop that products automatically (4 by 4 looping) laravel controller function slider(Request $request) { $adds = alladds::where(‘Status’,’Published’)->orderBy(‘id’,’desc’)->get(); //dd($adds); return view(‘index’,[‘adds’=>$adds]); } $(document).ready(function() { $(‘.carousel’).carousel({ interval: 1000 }) }) <div id=”carouselExampleSlidesOnly” class=”carousel slide” data-ride=”carousel”> <div class=”carousel-inner”> <div class=”row”> <div class=”col-3″> <div class=”card”> @foreach($adds as ..

Read more

i want to add some fontawesome icons to status of user when is active or inactive …etc iam trying with this code <td> <select class="statusSelect" data-id="{{$user->id}}"> <option {{getStatus($user->status) == ‘Active’ ? ‘selected’ : ”}} value="a"> <i class="fa fa-minus-circle text-danger"></i> <strong>{{__(‘home.active’)}}</strong> </option> <option {{getStatus($user->status) == ‘Wait’ ? ‘selected’ : ”}} value="w"> <i class="fa fa-minus-circle text-warning"></i> <strong>{{__(‘home.wait’)}}</strong> ..

Read more