Popular posts from this blog
Uncontrolled Component - React Js
App.js: import React , { useRef } from "react" ; import './App.css' function App () { let inputRef = useRef ( null ) let inputRef2 = useRef ( null ) function formHandle ( e ) { e . preventDefault () console . warn ( "Value of Field 1 :" , inputRef . current . value ) console . warn ( "Value of Text Field 2" , inputRef2 . current . value ) let input3 = document . getElementById ( 'input3' ). value console . warn ( "Input field 3 value : " , input3 ) } return ( <div className = "App" > <h1> UnControlled Component </h1> <form onSubmit = { formHandle } > <input type = "text" ref = { inputRef } /> <br/><br/> <input type = "text" ref = { inputRef2 } /><br/> <br/> <input type = "text" id = "input3" /><...
Bootstrap CSS Horizontal Alignment Example
HTML: <div class = "container-fluid" > <div class = "row" > <h2> Bootstrap CSS Horizontal Alignment </h2> <div class = "col-sm-3" ><h2> Col 1 </h2> Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate, architecto! </div> <div class = "col-sm-3" ><h2> Col 2 </h2> Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate, architecto! </div> <div class = "col-sm-3" ><h2> Col 3 </h2> Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate, architecto! </div> </div> <!-- justify-content-end Class --> <div class = "row justify-content-end" > <h2> justify-content-end Class </h2> <div class = "col-s...
Comments
Post a Comment