Bootstrap and Git Example
Bootstrap
Sample Bootstrap code :
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <h1 align="center">Bootstrap Examples</h1> <div class="container"> <h2>Bootstrap Table</h2> <table class="table table-striped"> <thead> <tr> <th>Firstname</th> <th>Lastname</th> <th>Email</th> </tr> </thead> <tbody> <tr> <td>Amar</td> <td>Sharma</td> <td>amar@gmail.com</td> </tr> <tr> <td>Mohan</td> <td>Chary</td> <td>mohan@example.com</td> </tr> <tr> <td>Neeraj</td> <td>Nagori</td> <td>neeraj@example.com</td> </tr> </tbody> </table> </div> <br></br> <div class="container"> <h2>Alerts</h2> <div class="alert alert-success"> <strong>Success!</strong> WOIR alert for success status. </div> <div class="alert alert-info"> <strong>Info!</strong> WOIR alert for information status. </div> <div class="alert alert-warning"> <strong>Warning!</strong> WOIR alert for warning status. </div> <div class="alert alert-danger"> <strong>Danger!</strong> WOIR alert for danger/error status. </div> </div> <br><br> <div class="container"> <h2>Button Styles</h2> <button type="button" class="btn">Basic</button> <button type="button" class="btn btn-default">Default</button><br></br> <button type="button" class="btn btn-primary">Primary</button> <button type="button" class="btn btn-success">Success</button><br></br> <button type="button" class="btn btn-info">Info</button> <button type="button" class="btn btn-warning">Warning</button> <button type="button" class="btn btn-danger">Danger</button> <button type="button" class="btn btn-link">Link</button> </div> <br></br> <div class="container"> <h2>Bootstrap Grid System</h2> <p>Resize the browser window to see the effect.</p> <p>The columns will automatically stack on top of each other when the screen is less than 768px wide.</p> <div class="row"> <div class="col-md-4" style="height:100px;background-color:lavender;">.col-sm-4</div> <div class="col-sm-4" style="height:100px;background-color:lavenderblush;">.col-sm-4</div> <div class="col-sm-4" style="height:100px;background-color:lavender;">.col-sm-4</div> </div> <div class="row"> <div class="col-md-3" style="height:100px;background-color:#8a6d3b;">.col-sm-3</div> <div class="col-sm-3" style="height:100px;background-color:#dff0d8;">.col-sm-3</div> <div class="col-sm-3" style="height:100px;background-color:#555;">.col-sm-3</div> <div class="col-sm-3" style="height:100px;background-color:#f2dede;">.col-sm-3</div> </div> </div> <br></bt> </body> </html>
GIT
Git sample commands:
Create a repository on your git accounts, run the clone command on your terminal.
eg: git clone git@github.com:username/example_git.git cd example_git
create one sample file (eg: woir_testing.txt ) and write some content in that file.
after creating file, add that file to git using below command.
git add woir_testing.txt or git add -A ####This command will add all the files present in this directory
Before going to the commit command, run the below command and edit name and email id, if those lines are commented uncommet the lines.
git config --global --edit
After adding, commit the file using below command.
git commit -m "write some meaningfull text"
Now push to the git.
git push origin master
If we want to check older version, run the following command it will show the all versions
git log example output: commit c436a7a86576aac5besdsdsgfr370ab8907b4aa1a109 Author: one-shot-finish <amar@woir.in> Date: Tue Jan 30 05:25:12 2018 -0500 rpm is working commit b9c135f3ffcc3casdfdsfssde2948e5313645089c69 Author: one-shot-finish <amar@woir.in> Date: Thu Jan 25 10:18:06 2018 -0500 all scripts are added
If we wnat to go back to the old version run the command
git reset --hard c436a7a86576aac5besdsdsgfr370ab8907b4aa1a109 or git checkout c436a7a86576aac5besdsdsgfr370ab8907b4aa1a109
Live Example
Apples-MacBook-Pro:deleteme amars$ mkdir test Apples-MacBook-Pro:deleteme amars$ cd test Apples-MacBook-Pro:test amars$ git init Initialized empty Git repository in /Users/amars/deleteme/test/.git/ Apples-MacBook-Pro:test amars$ vi hello.txt Apples-MacBook-Pro:test amars$ git add hello.txt Apples-MacBook-Pro:test amars$ git commit -m "My first file" [master (root-commit) 4a7dea7] My first file Committer: Amar Sharma <amars@Apples-MacBook-Pro.local> Your name and email address were configured automatically based on your username and hostname. Please check that they are accurate. You can suppress this message by setting them explicitly. Run the following command and follow the instructions in your editor to edit your configuration file: git config --global --edit After doing this, you may fix the identity used for this commit with: git commit --amend --reset-author 1 file changed, 3 insertions(+) create mode 100644 hello.txt Apples-MacBook-Pro:test amars$ git config --global --edit Apples-MacBook-Pro:test amars$ git commit -m "My first file" On branch master nothing to commit, working tree clean Apples-MacBook-Pro:test amars$ git status On branch master nothing to commit, working tree clean Apples-MacBook-Pro:test amars$ vi .git/ hello.txt Apples-MacBook-Pro:test amars$ vi .git/ hello.txt Apples-MacBook-Pro:test amars$ vi hello.txt Apples-MacBook-Pro:test amars$ git add -A . Apples-MacBook-Pro:test amars$ git commit -m "My second file" [master 6d46e62] My second file 1 file changed, 3 insertions(+) Apples-MacBook-Pro:test amars$ vi hello.txt Apples-MacBook-Pro:test amars$ git add -A . Apples-MacBook-Pro:test amars$ git commit -m "My third file" [master 3c180be] My third file 1 file changed, 3 insertions(+) Apples-MacBook-Pro:test amars$ git log commit 3c180bec7d21620adf95d43d507597d8311988e4 (HEAD -> master) Author: Amar Sharma <amar@woir.in> Date: Mon Jan 7 19:30:33 2019 +0530 My third file commit 6d46e622c5affb096bdfd62acd7c00d73e5197e6 Author: Amar Sharma <amar@woir.in> Date: Mon Jan 7 19:29:59 2019 +0530 My second file commit 4a7dea7ecfc06c1f979c2ff1b832c1a5e3a891e5 Author: Amar Sharma <amars@Apples-MacBook-Pro.local> Date: Mon Jan 7 19:27:55 2019 +0530 My first file Apples-MacBook-Pro:test amars$ git checkout 4a7dea7ecfc06c1f979c2ff1b832c1a5e3a891e5 Note: checking out '4a7dea7ecfc06c1f979c2ff1b832c1a5e3a891e5'. You are in 'detached HEAD' state. You can look around, make experimental changes and commit them, and you can discard any commits you make in this state without impacting any branches by performing another checkout. If you want to create a new branch to retain commits you create, you may do so (now or later) by using -b with the checkout command again. Example: git checkout -b <new-branch-name> HEAD is now at 4a7dea7 My first file Apples-MacBook-Pro:test amars$ pwd /Users/amars/deleteme/test Apples-MacBook-Pro:test amars$ vi hello.txt Apples-MacBook-Pro:test amars$ git checkout Apples-MacBook-Pro:test amars$ vi hello.txt Apples-MacBook-Pro:test amars$ git log commit 4a7dea7ecfc06c1f979c2ff1b832c1a5e3a891e5 (HEAD) Author: Amar Sharma <amars@Apples-MacBook-Pro.local> Date: Mon Jan 7 19:27:55 2019 +0530 My first file Apples-MacBook-Pro:test amars$ git checkout 3c180bec7d21620adf95d43d507597d8311988e4 Previous HEAD position was 4a7dea7 My first file HEAD is now at 3c180be My third file Apples-MacBook-Pro:test amars$ !v vi hello.txt Apples-MacBook-Pro:test amars$ git checkout 4a7dea7ecfc06c1f979c2ff1b832c1a5e3a891e5 Previous HEAD position was 3c180be My third file HEAD is now at 4a7dea7 My first file Apples-MacBook-Pro:test amars$ vi hello.txt Apples-MacBook-Pro:test amars$ git log commit 4a7dea7ecfc06c1f979c2ff1b832c1a5e3a891e5 (HEAD) Author: Amar Sharma <amars@Apples-MacBook-Pro.local> Date: Mon Jan 7 19:27:55 2019 +0530 My first file Apples-MacBook-Pro:test amars$ git branch * (HEAD detached at 4a7dea7) master Apples-MacBook-Pro:test amars$ git checkout master Previous HEAD position was 4a7dea7 My first file Switched to branch 'master' Apples-MacBook-Pro:test amars$ !v vi hello.txt Apples-MacBook-Pro:test amars$ git branch b1 Apples-MacBook-Pro:test amars$ git checkout b1 Switched to branch 'b1' Apples-MacBook-Pro:test amars$ git status On branch b1 nothing to commit, working tree clean Apples-MacBook-Pro:test amars$ git checkout master Switched to branch 'master' Apples-MacBook-Pro:test amars$ git status On branch master nothing to commit, working tree clean Apples-MacBook-Pro:test amars$ git checkout b1 Switched to branch 'b1' Apples-MacBook-Pro:test amars$ vi hello.txt Apples-MacBook-Pro:test amars$ git add hello.txt Apples-MacBook-Pro:test amars$ git commit -m "Commiting to the branch" [b1 f84272d] Commiting to the branch 1 file changed, 3 insertions(+) Apples-MacBook-Pro:test amars$ git status On branch b1 nothing to commit, working tree clean Apples-MacBook-Pro:test amars$ git checkout master Switched to branch 'master' Apples-MacBook-Pro:test amars$ vi hello.txt Apples-MacBook-Pro:test amars$ git checkout b1 Switched to branch 'b1' Apples-MacBook-Pro:test amars$ vi hello.txt Apples-MacBook-Pro:test amars$ git checkout master Switched to branch 'master'