Found 641 Articles for CSS Framework

Remove shadow of an element in Bootstrap 4

Nishtha Thakur
Updated on 12-Jun-2020 19:54:49

2K+ Views

Use the .shadow-none class in Bootstrap to remove shadow.You can try to run the following code to remove an element’s shadow −ExampleLive Demo           Bootstrap Example                                                      Learning          Learn Tutorials for free          Play Quiz and check your knowledge          

Set the width of an element to 50% in Bootstrap 4

Chandu yadav
Updated on 12-Jun-2020 19:57:10

1K+ Views

To set the width of an element to 50%, use the .w-50 class in Bootstrap.You can try to run the following code to set element’s width −ExampleLive Demo            Bootstrap Example                                          Set element width          Normal width          Width is 50%          

Animate a striped progress bar in Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 20:00:36

479 Views

To animate a striped progress bar, use the .active class with the .progress-bar class in Bootstrap.You can try to run the following code to animate a striped progress barExampleLive Demo           Bootstrap Example                                          Level          The level of water in meters:                                      20%                                

Add a blue background color to simulate a pressed button in Bootstrap

Nitya Raut
Updated on 12-Jun-2020 20:01:42

191 Views

To add a blue background color to simulate a pressed button, use the primary button in Bootstrap as in the following code −ExampleLive Demo           Bootstrap Example                                          Score          Result (2018)          Result (2017)          

Bootstrap Large Grid

Arjun Thakur
Updated on 12-Jun-2020 20:03:17

217 Views

To create a Bootstrap large grid, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                          Grid                                      This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. ... Read More

Add HTML Content to Bootstrap List Group

karthikeya Boyini
Updated on 12-Jun-2020 20:04:46

250 Views

Bootstrap list groups are added using the list-group-item class.Add HTML content to the linked list groups using the following codeExampleLive Demo           Bootstrap Example                                                                      Tutorials                                                            Programming                                        Tutorials on Java, C, C++, etc.                                                            Web Development                                        Tutorials on PHP, HTML5, etc.                                                            Database                                        Tutorials on DBMS, MySQL, DB2, etc.                                                                        Quiz                                                            CAT                                        Quiz for CAT students.                                             NEET             Quiz for NEET students.                    

Link Bootstrap List Group Items

Chandu yadav
Updated on 12-Jun-2020 20:06:02

461 Views

Use the anchor tags instead of list items and link the list groups using the list-group-item class −You can try to run the following code to link Bootstrap list group items −ExampleLive Demo           Bootstrap Example                                          Web Dev             PHP       HTML5       Java    

Add badges component to Bootstrap list group item

Samual Sam
Updated on 12-Jun-2020 20:08:19

450 Views

Add the badges component to any list group item and it will automatically be positioned on the right. Just add within the element.You can try to run the following code to implement thisExampleLive Demo           Bootstrap Example                                 Tutorials                Programming          Web Development          Networking                       New             Database                    SAP                       New             Academic                    

Add HTML paragraphs into Bootstrap thumbnails

Vrundesha Joshi
Updated on 12-Jun-2020 20:07:09

166 Views

With Bootstrap, you can easily add paragraphs to thumbnails.You can try to run the following code to add HTML paragraphs −ExampleLive Demo           Bootstrap Example                                                                                                              Thumbnail label                This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph!                This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph!                                

Bootstrap list-group-item class

Lakshmi Srinivas
Updated on 12-Jun-2020 19:33:33

405 Views

Use the list-group-item class to add an item to each element in the list group.You can try to run the following code to implement the list-group-item classExampleLive Demo           Bootstrap Example                                 Tools       The following are the tools:                Online Compiler          Image Editor          Image Optimizer          Whiteboard          

Advertisements