Sales/Support (917) 651.8495
Monday - Friday 8am - 7pm EST
Hablamos Español

Sign In Sign Up

PHP Library

Support Us

Donate

CSS Library

Alerts bootstrap | DevSocial.net

Listings

Alerts bootstrap

Alerts bootstrap

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Examples

Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the eight required contextual classes (e.g., .alert-success). For inline dismissal, use the alerts jQuery plugin.

This is a primary alert—check it out!

This is a secondary alert—check it out!

This is a success alert—check it out!

This is a danger alert—check it out!

This is a warning alert—check it out!

This is a info alert—check it out!

This is a light alert—check it out!

This is a dark alert—check it out!

 class="alert alert-primary" role="alert">
  This is a primary alert—check it out!


 class="alert alert-secondary" role="alert">
  This is a secondary alert—check it out!


 class="alert alert-success" role="alert">
  This is a success alert—check it out!


 class="alert alert-danger" role="alert">
  This is a danger alert—check it out!


 class="alert alert-warning" role="alert">
  This is a warning alert—check it out!


 class="alert alert-info" role="alert">
  This is a info alert—check it out!


 class="alert alert-light" role="alert">
  This is a light alert—check it out!


 class="alert alert-dark" role="alert">
  This is a dark alert—check it out!

Conveying meaning to assistive technologies

Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the .sr-only class.

Link color

Use the .alert-link utility class to quickly provide matching colored links within any alert.

This is a primary alert with an example link. Give it a click if you like.

This is a secondary alert with an example link. Give it a click if you like.

This is a success alert with an example link. Give it a click if you like.

This is a danger alert with an example link. Give it a click if you like.

This is a warning alert with an example link. Give it a click if you like.

This is a info alert with an example link. Give it a click if you like.

This is a light alert with an example link. Give it a click if you like.

This is a dark alert with an example link. Give it a click if you like.

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.


 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

Views: 4,907 / Downloads: 87 | Price: $0 | CSS / Css Layouts
Status:

|

You have no Listings. Create Listing.

Buy Ready made Web Apps

Real Estate ready made Web App

Real Estate website design

Includes 2 Yr. Domain + 2 Yr. hosting FREE.

Price: $3,500

Social Network Software + Install + Domain + Hosting.

social network

Includes 2 Yr. Domain + 2 Yr. hosting FREE.

Price: $3,700

Services/Booking Web APP

Services/Booking Web APP

Includes 2 Yr. Domain + 2 Yr. hosting FREE.

Price: $4,500

Videos / Streaming Web App

Real Estate website design

Includes 5 Yr. Domain + 5 Yr. hosting FREE.

Price: $23,500

Live Radio Station

Live Radio Station website design

Includes 2 Yr. Domain + 2 Yr. hosting FREE.

Price: $4,700

Video Courses/Training

Video Courses/Training website design

Includes 2 Yr. Domain + 2 Yr. hosting FREE.

Price: $17,500

Free Tools

Dev's Tips

Dev: Ramon Sanchez

TIP: # 251 | Meta Tags
When adding META TAGS make sure you dont over Repeat the keywords it wont help with SEO. Keep it Simple dont overdue it...
Contact Developer

Website Ranking Tools

Help you analyze and improve your Website rankings!
Google Rank Checker Check website Google rank.
Website search engine position Check website position on search.
Search Engine Optimization Tools - Check how search engines see your Website !
Search Engine Listing Preview Preview what your site's listing will look like.
Website Resolution Viewer - View your website at a variety of common resolutions.
Text Website Viewer
View your website in text-only mode, just as the search engines see it.
XHTML Website Source Tools - Check how search engines see's and affect your Website !
Source Code Viewer View the source code of a website.
MD5 Encrypter Encrypt text with MD5 encoding.
HTML Encrypter Encrypt your HTML code to hide it from visitors.
Website Speed Test Check the loading speed of your site.
Website owner Lookup See the Domain information and who is it registered to.
Optimize Html Code Optimize your HTML Source code.
Other Misc Website Tools - Check how search engines see and affect your Website.
Website Status analyzer Analyze whether all the five major ports are responding back.
TXT List Cleaner Clean and remove duplicates from a text list.
Javascript Hit Counter Copy and paste Javascript code to your website and create a web counter.
Browser Details Tool - View your IP address and your browser details.
Send Anonymous Email's.Allows the sending of anonymous e-mails.
E-mail Image Generator Create an image of your e-mail address to prevent harvesting.

EST: 2012 | © 2025 Devsocial.net | All Rights Reserved. [ + ][ y ]

SHARE:

Facebook

Twitter