- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 626 Articles for CSS Framework
![George John](https://www.tutorialspoint.com/assets/profiles/13511/profile/60_58410-1512537824.png)
97 Views
Bootstrap sets a basic global display (background), typography, and link styles.Basic Global display − Sets background-color: #fff; on the element.Typography − Uses the @font-family-base, @font-size-base, and @line-height-base attributes as the typographic base.Link styles − Sets the global link color via attribute @link-color and apply link underlines only on :hover.
![Arjun Thakur](https://www.tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg)
6K+ Views
To make an image responsive in Bootstrap, add a class .img-responsive to the tag. This class applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.The following is how you can simply make an image responsive −Example Live Demo Bootstrap Example
![George John](https://www.tutorialspoint.com/assets/profiles/13511/profile/60_58410-1512537824.png)
984 Views
Bootstrap has become mobile first since Bootstrap 3. It means 'mobile first' styles can be found throughout the entire library instead of them in separate files. You need to add the viewport meta tag to the element, to ensure proper rendering and touch zooming on mobile devices.Here, width property controls the width of the device. Setting it to device-width will make sure that it is rendered across various devices (mobiles, desktops, tablets...) properly.initial-scale = 1.0 ensures that when loaded, your web page will be rendered at a 1:1 scale and no zooming will be applied out of the boxAdd ... Read More
![Chandu yadav](https://www.tutorialspoint.com/assets/profiles/22330/profile/60_142811-1519038104.jpg)
1K+ Views
Write the columns in an order, and show them in another one. You can easily change the order of built-in grid columns with .col-md-push-* and .col-md-pull-*modifier classes where * range from 1 to 11.Example Live Demo Bootstrap Example Heading Before Ordering I am on left I am on right After Ordering I was on left I was on right
![Ankith Reddy](https://www.tutorialspoint.com/assets/profiles/22328/profile/60_142162-1519038074.jpg)
569 Views
A Bootstrap package includes the following,Components − Bootstrap contains over a dozen reusable components built to provide iconography, dropdowns, navigation, alerts, pop-overs, and much more.Scaffolding − Bootstrap provides a basic structure with Grid System, link styles, and background.Customize − Customize Bootstrap's components, fewer variables, and jQuery plugins to get your very own version.CSS − Bootstrap comes with the feature of global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.JavaScript Plugins − Bootstrap contains over a dozen custom jQuery plugins. You can easily include them all, or one by one.
![Arjun Thakur](https://www.tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg)
767 Views
Bootstrap is an open source, sleek, intuitive, and powerful, mobile first front-end framework for faster and easier web development. The following are the benefits of using Bootstrap −Bootstrap 3, framework consists of Mobile first styles throughout the entire library instead them of in separate files.It is supported by all popular browsers.With just the knowledge of HTML and CSS, anyone can get started with Bootstrap.Bootstrap's responsive CSS adjusts to Desktops, Tablets, and Mobiles.
![Ankith Reddy](https://www.tutorialspoint.com/assets/profiles/22328/profile/60_142162-1519038074.jpg)
2K+ Views
To nest your content with the default grid, add a new .row and set of .col-md-* columns within an existing .col-md-* column. You can try to run the following code to learn how to implement nesting columns in Bootstrap −Example Live Demo Bootstrap Example Heading Heading This is demo text. Heading This is demo text. This is box 1. This is box 2. This is box 3. This is box 4.