Make a mobile responsive website with Bootstrap lesson 10 - Vertical and Horizontal Forms. by magicmonk

steempress · @magicmonk · Nov 18 '19

$9.32

Make a mobile responsive website with Bootstrap lesson 10 - Vertical and Horizontal Forms.

<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
https://www.youtube.com/watch?v=mNMgV3KW9ZA
</div></figure>
<p>

Using the Inline form we created last lesson as a basis, we will now create a more substantial vertical and horizontal form. We introduce you to some new classes such as the control-label class. We then talk about how to use bootstrap grid classes to specify widths to the labels and the form controls. We also talk about how to use the grid offset classes to put buttons where you want them. Finally we talk about how to reduce the size of textboxes using the grid classes.

</p>
 <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : http://magicmonktutorials.com/blog/2019/11/18/make-a-mobile-responsive-website-with-bootstrap-lesson-10-vertical-and-horizontal-forms/ </em>
<br />
<img src="http://magicmonktutorials.com/images/logo_medium.jpg"><br />
<b>Mathematics & Digital Technologies Education</b><br />
<b>Videos, quizzes, and other learning resources</b><br />
Eddie the Magic Monk has 14 years teaching experience as a high school teacher in Australia. He will explain things to you in the simplest way possible to help you fully understand high school mathematics and computer science concepts. <br /> 
Eddie began his tutorial channel on Youtube in 2012. His videos have been well received all over the world and now has 20+ million views! He sees the benefit in multidisciplinary learning hence his tutorials cover topics ranging from maths to dance. <br /> 
<hr/>
</center>

👍 therising, buildawhale, steempress-io, themarkymark, appreciator, tarazkp, suonghuynh, june0620, magicmonk, itchyfeetdonica, justyy, nineteensixteen, horpey, howo, mrsquiggle, travelgirl, rea, smartvote, susanli3769, cnbuddy, benedict08, steem-ua, upboater, catwomanteresa, dfacademy, edkarnie, sabbirahmedd, cnbuddy-reward, datascience, lemouth, steempress, mammasitta, edriseur, gadrian, world-travel-pro, ew-and-patterns, anttn, qurator, mytechtrail, plankton.token, corsica, mermaidvampire, upmyvote, quochuy, htliao, techslut, dapeng, elektroyazilim, aicurator, angelinafx, wanggang, jrvacation, sasaadrian, teamvn, massivevibration, carlos84, shenchensucc, steemitboard, espoem, apoloo1, xiaoshancun, kimzwarch, davidke20, ubaldonet, and 83 others

properties (23)vote details (147)

voter	rshares	pct
gregory-f	3,979,819,596	0.22%
mammasitta	75,271,523,552	15%
rea	269,720,387,495	6%
steempress	75,473,047,341	15%
magicmonk	887,573,507,731	100%
lemouth	77,870,952,619	10%
tumutanzi	4,306,177,177	6.64%
shadowspub	4,384,804,915	4.5%
justyy	436,261,414,537	15.75%
techslut	31,318,714,860	7.5%
zorg67	1,251,819,752	100%
dapeng	31,233,588,344	100%
erikaflynn	4,264,932,938	12%
tarazkp	1,031,746,712,548	50%
steemitboard	13,707,854,724	1%
htliao	31,967,502,433	15%
world-travel-pro	64,261,267,693	20%
gohba.handcrafts	2,999,327,118	5%
uplus	731,184,600	15%
nuagnorab	4,000,972,898	20%
helo	3,580,787,605	10%
wishmaiden	2,514,030,309	10%
kjaeger	95,181,894	50%
thecrytotrader	3,405,758,068	25%
teamaustralia	2,980,724,770	25%
shenchensucc	14,868,222,960	3.98%
jayna	6,335,362,055	3%
ew-and-patterns	57,417,491,452	2%
corsica	40,709,437,314	100%
benedict08	158,596,623,259	50%
apoloo1	10,963,624,990	50%
susanli3769	239,832,900,243	100%
edkarnie	118,951,844,325	30%
howo	338,786,849,392	15%
travelgirl	305,853,023,338	40%
fisnikk	577,077,374	100%
appreciator	3,044,773,493,594	4%
themarkymark	3,058,109,862,476	15%
catwomanteresa	139,595,517,153	50%
ayubloaded	1,917,622,395	100%
crypto-whiz	861,914,441	100%
liangfengyouren	3,484,648,264	80%
horpey	349,271,944,229	100%
mrsquiggle	334,210,962,152	100%
kimzwarch	9,973,271,451	5%
massivevibration	17,163,199,334	20%
buildawhale	7,627,516,230,729	15%
davidke20	8,477,573,435	4%
june0620	912,131,148,462	60%
dancingapple	4,788,918,564	20%
storysharing	7,488,730,785	100%
espoem	11,197,583,188	5%
xiaoshancun	10,940,239,804	100%
qurator	46,569,031,706	0.37%
morahn	3,622,503,766	50%
dandays	3,084,870,034	0.8%
carlos84	15,621,395,070	45%
che-shyr	1,024,515,399	50%
imisstheoldkanye	3,048,090,190	1%
sabbirahmedd	108,138,772,231	100%
omstavan	5,597,649,864	100%
cnbuddy	211,188,110,527	13.29%
jrvacation	19,174,616,906	7.5%
mytechtrail	43,689,469,475	25%
sandracarrascal	5,581,721,671	100%
itchyfeetdonica	534,809,265,461	100%
qustodian	1,253,603,084	0.37%
carklevicci	764,703,657	32%
upmyvote	38,015,764,844	15%
cryptonewsly	200,851,193	100%
freemon	9,629,513	8%
datascience	100,471,014,721	100%
fun2learn	2,155,602,588	3%
mermaidvampire	38,074,581,578	25%
jimcustodio	1,518,367,796	50%
lastditch	102,857,238	10%
didic	5,636,799,173	20%
heiduya	544,755,218	100%
stmdev	143,579,973	1%
gadrian	74,982,525,588	30%
tonimontana	1,601,162,820	100%
therising	8,869,602,523,205	10%
chuuuckie	6,733,219,185	7.5%
angelinafx	22,015,622,848	6.2%
steempress-io	6,084,754,084,221	15%
quochuy	36,827,109,964	9.93%
andrewma	1,275,278,460	6.64%
upboater	144,146,298,288	15%
archisteem	3,582,247,005	7.5%
nin4i	173,083,541	100%
moneybaby	1,407,273,171	2.5%
suonghuynh	924,556,168,932	6.2%
sivehead	2,258,220,791	5%
wanggang	19,964,635,515	2.65%
nailyourhome	555,920,297	3%
ubaldonet	8,258,723,107	60%
teamvn	17,371,086,349	36.33%
smartvote	257,792,623,883	6.2%
anttn	52,613,044,015	15%
steeming-hot	0	0.01%
lover-steem	608,405,433	100%
melaniewang	1,012,841,483	6.64%
laissez-faire	84,075,889	100%
aicurator	24,810,396,326	15%
kissfirer	542,475,829	10%
cherryzz	1,534,442,352	6.64%
sasaadrian	18,147,602,065	20%
steem-ua	158,171,140,504	3.85%
florino	823,628,368	15%
eu-africa	2,901,455,656	100%
inpursuit	2,181,644,882	23%
alphaccino.art	2,393,083,316	10%
edriseur	75,027,293,493	15%
nineteensixteen	402,343,731,173	50%
steemfriends	3,855,853,341	100%
swiftbot	577,606,838	5%
trailreward	1,928,771,522	10%
ladyyunajay	3,310,661,606	90%
chocolatelover	3,411,136,890	40%
archisteem-cn	1,593,095,260	15%
limka	0	1%
dfacademy	122,533,434,835	100%
pursuant	2,266,913,502	24%
kharma.scribbles	379,355,197	2.25%
elektroyazilim	26,285,055,254	60%
tina3721	598,234,646	6.64%
bigmoneyman	818,697,636	25%
onespringday	1,104,717,126	10%
plankton.token	43,022,232,203	30%
axeminni	272,756,368	11%
jackfitzgerald	297,443,239	50%
penpals	1,120,730,932	100%
naha.stem	349,515,573	100%
babytarazkp	6,791,071,562	100%
abh12345.stem	278,629,880	33%
brustem	349,417,558	100%
golife	134,010,860	100%
stemd	310,209,714	100%
tonimontana.leo	2,645,822,643	50%
tengri	3,726,816,876	1.99%
thebilpcointrain	63,316,158	1%
bilpcoin.pay	200,441,789	1%
yggdrasil.laguna	348,274,976	70%
cnbuddy-reward	105,325,051,496	13.29%
cd-stem	542,913,606	100%
real3earch	1,050,887,029	13.29%
stemisaria	1,687,454,163	100%

@benedict08 · Nov 18 '19

!BEER

Posted using [Partiko Android](https://partiko.app/referral/benedict08)

properties (22)

`post_id`	81,830,656
`author`	benedict08
`permlink`	benedict08-re-magicmonk-makeamobileresponsivewebsitewithbootstraplesson10-verticalandhorizontalforms-uu2us6eh3d-20191118t101745172z
`category`	steempress
`json_metadata`	{"app":"partiko","client":"android"}
`created`	2019-11-18 10:17:45
`last_update`	2019-11-18 10:17:45
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2019-11-25 10:17:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	78
`author_reputation`	141,615,604,692,485
`root_title`	"Make a mobile responsive website with Bootstrap lesson 10 - Vertical and Horizontal Forms."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@beerlover · Nov 18 '19

<div class='pull-right'>https://cdn.steemitimages.com/DQmaHThyECGhEx8tSfHZbiMFRNYjJ35K92cDgiJjkzBUaJo/One%20sip%20of%20BEER%20for%20you.gif<p><sup><a href='https://steem-engine.com/?p=market&t=BEER'>View or trade </a> <code>BEER</code>.</sup></p></div><center><br><br> <p> Hey @magicmonk, here is a little bit of <code>BEER</code> from @benedict08 for you. Enjoy it!</p> </center>

properties (22)

`post_id`	81,830,661
`author`	beerlover
`permlink`	re-makeamobileresponsivewebsitewithbootstraplesson10-verticalandhorizontalforms-uu2us6eh3d-20191118t101753z
`category`	steempress
`json_metadata`	{"app":"beem\/0.21.1"}
`created`	2019-11-18 10:17:57
`last_update`	2019-11-18 10:17:57
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2019-11-25 10:17:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	380
`author_reputation`	16,011,958,080,429
`root_title`	"Make a mobile responsive website with Bootstrap lesson 10 - Vertical and Horizontal Forms."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@cnbuddy · Nov 18 '19

你那里天气如何？新人吗？[《steemit指南》](http://steemh.org/)拿一份吧，以免迷路; 另外一定要去 @team-cn 的新手村看看，超级热闹的大家庭。假如我的留言打扰到你，请回复“取消”。

properties (22)

`post_id`	81,830,734
`author`	cnbuddy
`permlink`	re-magicmonk-makeamobileresponsivewebsitewithbootstraplesson10-verticalandhorizontalforms-uu2us6eh3d-20191118t102302106z
`category`	steempress
`json_metadata`	{}
`created`	2019-11-18 10:23:03
`last_update`	2019-11-18 10:23:03
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2019-11-25 10:23:03
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	107
`author_reputation`	-1,405,328,253,928
`root_title`	"Make a mobile responsive website with Bootstrap lesson 10 - Vertical and Horizontal Forms."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@steemitboard · Nov 18 '19

Congratulations @magicmonk! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

<table><tr><td><img src="https://steemitimages.com/60x60/http://steemitboard.com/img/notifications/postallweek.png"></td><td>You published a post every day of the week</td></tr>
</table>

<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@magicmonk) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=magicmonk)_</sub>
<sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>


To support your work, I also upvoted your post!


###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!

properties (22)

`post_id`	81,831,197
`author`	steemitboard
`permlink`	steemitboard-notify-magicmonk-20191118t104445000z
`category`	steempress
`json_metadata`	{"image":["https:\/\/steemitboard.com\/img\/notify.png"]}
`created`	2019-11-18 10:44:45
`last_update`	2019-11-18 10:44:45
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2019-11-25 10:44:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	861
`author_reputation`	38,705,954,145,809
`root_title`	"Make a mobile responsive website with Bootstrap lesson 10 - Vertical and Horizontal Forms."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@steem-ua · Nov 19 '19

#### Hi @magicmonk!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your **UA** account score is currently 4.711 which ranks you at **#1629** across all Steem accounts.
Your rank has not changed in the last three days.

In our last Algorithmic Curation Round, consisting of 101 contributions, your post is ranked at **#78**.
##### Evaluation of your UA score:

* Some people are already following you, keep going!
* Your contribution has not gone unnoticed, keep up the good work!
* Try to work on user engagement: the more people that interact with you via the comments, the higher your UA score!


**Feel free to join our [@steem-ua Discord server](https://discord.gg/KpBNYGz)**

properties (22)

`post_id`	81,849,944
`author`	steem-ua
`permlink`	re-makeamobileresponsivewebsitewithbootstraplesson10-verticalandhorizontalforms-uu2us6eh3d-20191119t004114z
`category`	steempress
`json_metadata`	{"app":"beem\/0.21.0"}
`created`	2019-11-19 00:41:15
`last_update`	2019-11-19 00:41:15
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2019-11-26 00:41:15
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	736
`author_reputation`	23,203,609,903,979
`root_title`	"Make a mobile responsive website with Bootstrap lesson 10 - Vertical and Horizontal Forms."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000