bootstrap components Archives - scmGalaxy

Bootstrap Utilities : “Visibility”

vikashdev k — Sat, 25 Sep 2021 12:41:35 +0000

With visibility utilities you have control the visibility, without modifying the display, of elements.

Visibility simple example Download

The post Bootstrap Utilities : “Visibility” appeared first on scmGalaxy.

Bootstrap utilities : “Vertical align”

vikashdev k — Sat, 25 Sep 2021 12:09:09 +0000

Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.

Change the alignment of elements with the vertical-alignment utilities.

These are the classes:- .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, and .align-text-top as needed.

vertical align easy example Download

The post Bootstrap utilities : “Vertical align” appeared first on scmGalaxy.

Bootstrap: Components & Utilities

vikashdev k — Mon, 06 Sep 2021 13:02:13 +0000

The post Bootstrap: Components & Utilities appeared first on scmGalaxy.

Bootstrap:-Component “Navigation bar”

vikashdev k — Tue, 31 Aug 2021 12:58:46 +0000

The navbar is one of the prominent features of Bootstrap sites. A navigation bar is a navigation header that is placed at the top of the page. the navigation bar can extend or collapse, depending on the screen size. A standard navigation bar is created with the .navbar class.

Format of nav bar:-

Vertical Navbar by using class=”navbar-nav”.
Centered Navbar by using .justify-content-center class to center the navigation bar.
Colored Navbar by using any of the .bg-color classes to change the background color of navbar.
Brand/Logo by using .navbar-brand class is used to highlight the brand/logo/project name of your page.
Collapsing The navbar To create a collapsible navigation bar, use a button with class=”navbar-toggler”, data-toggle=”collapse” and data-target=”#thetarget”.
Navbar With Dropdown.
Navbar Froms and Buttons Add a
element with class=”form-inline” to group inputs and buttons side-by-side.
Nevbar Text use .navbar-text class to vertically align any elements inside the navbar that are not links.
Fixed Navbar by using .fixed-top or .fixed-bottom class to make the navbar fixed.
Sticky navbar use the .sticky-top class to make the navbar fixed/stay at the thop of the page.

navbar with all examples Download

The post Bootstrap:-Component “Navigation bar” appeared first on scmGalaxy.

Bootstrap:-Component “Input group”

vikashdev k — Sat, 28 Aug 2021 11:31:31 +0000

Input group:-

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.

Functions:-

Sizing classes to the .input-group itself and contains within will automatically resize for each element.
Checkboxes and radios options within an input group’s addon instead of text.
Multiple inputs are only available for input gropus with a single inpute.
Multiple addons are supported and can be mixed with checkbox and radio input versions and many more others things as well.
Button addons are supported and can be mixed with multiple buttons and input text.
Buttons with dropdowns are needed within a single line inpute.
Segmented buttons means button and then inside button a dropdown menu and text area there.
Customer forms button area and an option area.
Customer file input are most important for uploading a file or image etc.

Food Shop Download

The post Bootstrap:-Component “Input group” appeared first on scmGalaxy.