HomeОбразованиеRelated VideosMore From: kudvenkat

Bootstrap paragraphs

241 ratings | 70705 views
bootstrap 3 paragraphs bootstrap lead paragraph bootstrap's global default font-size bootstrap text strikethrough bootstrap text highlight bootstrap subscript superscript bootstrap text align center bootstrap text align justify bootstrap text nowrap bootstrap text lowercase bootstrap text uppercase bootstrap capitalize first letter bootstrap abbr tooltip bootstrap abbreviations bootstrap abbr tag Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2016/05/bootstrap-paragraphs.html Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Please replace [ with LESS THAN symbol and ] with GREATER THAN symbol In this video we will discuss working with paragraph elements and inline text. Bootstrap global defaults applied to the [body] and all paragraph [p] elements. In addition, paragraphs receive a bottom margin of half their computed line-height (10px by default). font-size : 14px line-height : 1.428 Bootstrap inline text elements example [p] [u]This text will be underlined[/u] [/p] [p] [s]This text will be striken through[/s] [/p] [p] [mark]This text will be highlighted[/mark] [/p] [p] [em]This text will be italicized[/em] [/p] [p] [strong]This text will be in boold[/strong] [/p] [p] This is [sub]subscript[/sub] and this is [sup]superscript[/sup] [/p] Bootstrap text alignment classes example [p class="text-left"]Left aligned text.[/p] [p class="text-center"]Center aligned text.[/p] [p class="text-right"]Right aligned text.[/p] [p class="text-justify"] The text in this paragraph will be justified. Bootstrap is a free, open-source and is the most popular HTML, CSS, and JavaScript framework. [/p] [p class="text-nowrap"] This text will not wrap and you will get a horizontal scrollbar if there is no space on the screen to view. [/p] Bootstrap transformation classes example [p class="text-lowercase"] All The Letters Will Be in Lowercase [/p] [p class="text-uppercase"] All The Letters Will Be in Uppercase [/p] [p class="text-capitalize"] First letter of every word will be capitalized [/p] To make a paragraph stand out from the other paragraph elements, use the lead class on the paragraph element [p class="lead"] What is Bootstrap [/p] [p] Bootstrap is a free, open-source and is the most popular HTML, CSS, and JavaScript framework [/p] Abbreviations : Abbreviations with a title attribute displays a dotted underline. When the mouse is over the abbreviation, the pointer becomes a help cursor and the title attribute value is displayed as a tooltip. Example : [abbr title="British Broadcasting Corporation"]BBC[/abbr] For a slightly smaller font-size apply .initialism class on the abbreviation.
Html code for embedding videos on your blog
Text Comments (24)
jayant karmakar (1 month ago)
i have learn a lots of things from these video tutorials ...thanks to provide it...my friend suggest me your video tutorials .....and definitely i will suggest my all friends to see your tutorials thanks a lot
Olivier Messeumeni (3 months ago)
thanks sir!
aman jain (6 months ago)
what are dot net and my sql server used for?
Vinnu Pare (8 months ago)
Total how many vedio are available for bootstrape sir
kudvenkat (8 months ago)
There are 52 videos in total and you can find all of them in sequence at the following playlist. Hope this helps. https://www.youtube.com/playlist?list=PL6n9fhu94yhXd4xnk-j5FGhHjUv1LsF0V
Bhushan Patil (1 year ago)
Awesome sir..
casey brinegar (1 year ago)
very good bro. You make some of the best videos on youtube
Chaînons Manquants (1 year ago)
Parth Dave (1 year ago)
Videos are great here. Particularly you don't skip any detail assuming learner must know it, this makes these videos "actually"useful. Thanks for all your help by posting these series.
AJAZ MIAH (1 year ago)
Your videos are so easy to follow and understand. I'm really learning alot from these videos. Keep em coming. Thank you!!!!!
HS FILMS (1 year ago)
Hi Kudvenkat, Can you help in these.. I have one web page where some table and data are there and they are normal in size. But when we view it through mobile..it looks very small.. is it possible to increase the size of data . But in computer..it should look as it was..only thing it should look big in mobile...please help
Mahendra Sundesha (1 year ago)
@media all and (max-width: 480px) { class name { required changes property in mobile view like font-size:10pt; } }
Sanni K. Sharma (1 year ago)
Venkat u r a great teacher.. Thank you
Alvin Miles (1 year ago)
These are some really great videos on Bootstrap and it make me less afraid of learning bootstrap. Thank you for all you do to help others.
kudvenkat (1 year ago)
Thank you very much for taking time to give feedback. This means a lot. I am very glad you found the videos useful. I have organised all the Dot Net & SQL Server videos in to playlists, which could be useful to you https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd If you need DVDs or to download all the videos for offline viewing please visit http://www.pragimtech.com/order.aspx Slides and Text Version of the videos can be found on my blog http://csharp-video-tutorials.blogspot.com Tips to effectively use my youtube channel. https://www.youtube.com/watch?v=y780MwhY70s If you want to receive email alerts, when new videos are uploaded, please subscribe to my youtube channel. http://www.youtube.com/subscription_center?add_user=kudvenkat If you like these videos, please click on the THUMBS UP button below the video. May I ask you for a favor. I want these tutorials to be helpful for as many people as possible. Please share the link with your friends and family who you think would also benefit from them. Good Luck Venkat
Abdul Wahab (2 years ago)
Great Sir!
raqibul1000000 Alam (2 years ago)
Avinash Patil (2 years ago)
Thanks sir, Can we use this for asp.net application?? If yes please explain
HS FILMS (1 year ago)
of course yes..
durgaprasad thokala (2 years ago)
Great Explanation With Examples
Hashmat Rai (2 years ago)
Bimal Das (2 years ago)
Thank you sir. So detailed tutorial for bootstrap.......... Waiting for next one....
Muhammad Rehbar Sheikh (2 years ago)
been waiting for ur next video. Thank you very much venkat sir! god bless you! please carry on all about bootstrap.

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.