- 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
Alex Onsman has Published 203 Articles
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
623 Views
Use the card-img-top class in Bootstrap to set the image at the top inside a card −After that add the card and card body − Swift 4 Learn Swift 4 Begin You can try to run the following code to implement the card-img-top class in Bootstrap 4 ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
108 Views
To set white border to an element, use the border-white class.Add white border − This has white border Above, I have also added a style to set the div element −.mystyle { width: 200px; height: 100px; margin: 10px; background: blue; }Let us see an eample ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
336 Views
To form an element as a circle, use the .rounded-circle class in Bootstrap.It is easy to implement it −Let us see an example to create a circle in Bootstrap −ExampleLive Demo Bootstrap Example .test { width: 300px; height: 300px; background-color: orange; } Circle We have a circle below:
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
68 Views
Use the card-img-top class in Bootstrap 4, to set the image at the top inside a card in Bootstrap 4 −Add the image inside the card class −Now add the card body that includes title and text − Swift 4 Learn Swift 4 Begin The following is ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
78 Views
To add information to a card in Bootstrap 4, use the bg-info class.Use the card class with the bg-info class:Add the card body after that using the card-body class − Demo Text You can try to run the following code to add information −ExampleLive Demo ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
172 Views
Set orange outline for a Bootstrap 4 button, using the btn-outline-warning class and indicate warning action.The following includes the orange outline on a button − Rejected The class is added just as any other class added to any element in Bootstrap. For a Bootstrap button, I used the ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
88 Views
Use the btn-outline-danger class in Bootsrap 4 to indicate danger with red outlined button.The following is an example to set a button that indicates danger with red outline − Danger The class is added using the btn and btn-outline-danger class in Bootstrap −class="btn btn-outline-danger”Let us see an example to ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
265 Views
Use the float-none class in Bootstrap to remove float from an element.The default for a text is always left; therefore removing float will place the text on the left −You can try to run the following code to remove float from an element −ExampleLive Demo ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
98 Views
Use the .align-items-start in Bootstrap 4 to align single rows of items from the start.Set the align-items-start class −Add the flex items − Product 1 Product 2 Product 3 Implementing align-items-start class to align single rows of items −ExampleLive Demo Bootstrap Example Align Flex Items on a single row Product 1 Product 2 Product 3 Product 4
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
561 Views
To place the image at the bottom inside a card, use the card-img-bottom class.Firstly, set the card body and then use the tag to add an image. The following code snippet is added inside the card class − Quantitative Aptitude For Entrance Exams Sample Questions ... Read More