Color Background
[alert class= »alert » type= »bg-red » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fff »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »bg-blue » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fff »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »bg-orange » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fff »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »bg-green » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fff »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »bg-violet » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fff »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[collapses class= »collapses-style3″ type= »toggle » tag= »div »]
[collapse active= »false » title= »Get the code »]
[code]
[alert class= »alert » type= »bg-red » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fff »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »bg-blue » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fff »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »bg-orange » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fff »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »bg-green » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fff »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »bg-violet » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fff »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[/code]
[/collapse][/collapses]
Color Border
[alert class= »alert » type= » » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#e74847″ border= »#e74847″]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= » » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#3f9dd3″ border= »#3f9dd3″]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= » » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fb9220″ border= »#fb9220″]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= » » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#8dbe3f » border= »#8dbe3f »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= » » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#a44ec4″ border= »#a44ec4″]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[collapses class= »collapses-style3″ type= »toggle » tag= »div »]
[collapse active= »false » title= »Get the code »]
[code]
[alert class= »alert » type= » » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#e74847″ border= »#e74847″]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= » » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#3f9dd3″ border= »#3f9dd3″]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= » » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fb9220″ border= »#fb9220″]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= » » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#8dbe3f » border= »#8dbe3f »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= » » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#a44ec4″ border= »#a44ec4″]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[/code]
[/collapse][/collapses]
Without Border
[alert class= »alert » type= »none-border » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#e74847″ border= » »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »none-border » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#3f9dd3″ border= » »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »none-border » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fb9220″ border= » »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »none-border » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#8dbe3f » border= » »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »none-border » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#a44ec4″ border= » »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[collapses class= »collapses-style3″ type= »toggle » tag= »div »]
[collapse active= »false » title= »Get the code »]
[code]
[alert class= »alert » type= »none-border » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#e74847″ border= » »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »none-border » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#3f9dd3″ border= » »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »none-border » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#fb9220″ border= » »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »none-border » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#8dbe3f » border= » »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[alert class= »alert » type= »none-border » dismiss= »false » tag= »div » icon= »icon-flag-alt » color= »#a44ec4″ border= » »]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]
[/code]
[/collapse][/collapses]