Bootstrap: Component”Buttons”

Bootstrap 4 provides users with different styles of buttons.

  • Button Color.
  • Button Outline.
  • Button Size.
  • Block level Buttons.
  • Active/Disabled Buttons.
  • Spinner Buttons.

Button color:

 Use the background-color property to change the background color of a button.

Button Outline:

The button outline style removes all background images or colors from a button and gives it a lighter look.

Button Sizes:

This will indicate to you the size of the button.

  • Default
  • Large (btn-lg)
  • Small (btn-sm)

Block Level Buttons:

The .btn-block class is used to create a block-level button that spans the entire width of the parent elements.

Active/Disabled Buttons:

A button can be set to an active (clickable) or a disabled (unclickable) state.

Spinner Buttons:

You can also add “spinners” to a button.

Tagged : / / / / / / / / / / / / / / / /

Bootstrap: Component “Breadcrumb”

Breadcrumb navigation provides a link back to each previous page the user navigates through and shows the user’s current location on a website.

How to create a breadcrumb navigation

1.Add in HTML.

2.Add in CSS.

Add in HTML:-

In HTML you have to create breadcrumb in internal CSS means inside the head tag.

Add in CSS:-

Putting all the style code inside CSS.

Tagged : / / / / / / / /

Complete Reference of view in Laravel

What is View?

Views contain the HTML served by your application and separate your application logic from your presentation logic. Views are stored in the resources/views directory.

Creating View

resources/views/aboutme.blade.php

Create Route for View

Syntax:-

Route::get(‘uri’, function(){return view(‘view_name’)});

Example:-

Route::get(‘about', function () {
    return view(‘aboutme');
});

If your route only needs to return a view, you may use the Route::view method.
Syntax:- Route::view(‘uri’, ‘view_name’);
Example:- Route::view(‘about’, ‘aboutme’)