Home
Chapters
HTML & CSS
Learn HTML
Learn CSS
Learn Bootstrap
JavaScript
Learn JavaScript
Learn jQuery
Learn JSON
Learn AJAX
PHP & MySQL
Learn PHP
Learn SQL
Examples
HTML & CSS
HTML Examples
CSS Examples
PHP & MySQL
PHP Examples
MySQL Examples
Articles
Web Publishing
Domain Registration
Buying Web Hosting
Site Uploading
Access Cpanel
Web Development
CMS Tools
Securing Wordpress Site
Internet Marketing
Search Engine Listing
Organic V/S Paid Link
SEO
SEO Checklist
Social Media
Social Media for Self Branding
Getting started on Social Media
Brand Building on Social Media
Software Download
Create responsive website with Bootstrap
Bootstrap tutorial includes all topics such as jumbotron, table, button, grid, form, image, alert, wells, container, carousel, panels, glyphicon, badges, labels, progress bar, pagination, pager, list group, dropdown, collapse,tabs, pills, navbar, inputs, modals, tooltip, popover and scrollspy.
BOOTSTRAP TUTORIAL
Bootstrap Basic
Bootstrap Example
Bootstrap Grid
Bootstrap Typography
Bootstrap Table
Bootstrap List Groups
Bootstrap Images
Bootstrap Jumbotron
Bootstrap Well
Bootstrap Alerts
Bootstrap Buttons
Bootstrap Badges & Labels
Bootstrap Progress Bars
Bootstrap Pagination
Bootstrap Glyphicons
Bootstrap Pager
Bootstrap Panels
Bootstrap Dropdown
Bootstrap Collapse
Bootstrap Tabs and Pills
Bootstrap Navbar
Bootstrap Forms
Bootstrap Inputs
Bootstrap Media Objects
Bootstrap Carousel
Bootstrap Modal
Bootstrap Tooltip
Bootstrap Popover
Bootstrap Scrollspy
Bootstrap Affix
Bootstrap Images
Bootstrap provides three classes that can be used to apply some simple styles to images
.img-rounded : adds border-radius:6px to give the image rounded corners.
.img-circle : makes the entire image round by adding border-radius:500px.
.img-thumbnail : adds a bit of padding and a gray border
<img src = "/images/colosseum.png" class = "img-rounded">
<img src = "/images/colosseum.png" class = "img-circle">
<img src = "/images/colosseum.png" class = "img-thumbnail">
Previous
Next
