Bootstrap
  • Home
  • Docs
  • Examples
  • Icons
  • Themes
  • Blog

  • GitHub GitHub
  • Twitter Twitter
  • Open Collective Open Collective
Download

                        
                            
  • v5 releases
  • Latest (5.2.x)
  • v5.1.x
  • v5.0.x

  • v4.6.x
  • v3.4.1
  • v2.3.2

  • All versions
  • 4

    5 Items in Cart

    Cart Subtotal

    5000$
    Process To Checkout
    • Woman T-shirt - yellow
      200$
      Qty
    • Woman bag - purple
      100$
      Qty
    • Unisex headphone - Red
      2000$
      Qty
    • Ergonomic Chair
      920$
      Qty
    View cart
  • 4
    You have 4 notifications
    • Delivery processing 10 min.

    • Order Complete1 hr

    • Tickets Generated3 hr

    • Delivery Complete6 hr

    View all
  • You have 3 message
    • Erica Hughes

      okay, trying now.

      32 min

    • Kori Thomas

      i could help in some of bug?

      58 min

    • Ain Chavez

      It's working awesome :)

      1 hr

    • Johan deo

      Great Thanks you !!

      2 hr

    View all
    • Account
    • Inbox
    • Taskboard
    • Settings
    • Log out
  • Back
  • Dashboard
    • Default
    • Ecommerce
    • Project
  • Widgets
    • General
    • Chart
  • Page layout
    • Boxed
    • RTL
    • Dark Layout
    • Footer Light
    • Footer Dark
    • Footer Fixed
  • Project
    • Project List
    • Create new
  • File manager
  • kanban Board
  • Ecommerce
    • Product
    • Product page
    • Product list
    • Payment Details
    • Order History
    • Invoice
    • Cart
    • Wishlist
    • Checkout
    • Pricing
  • Email
    • Mail Inbox
    • Read mail
    • Compose
  • Chat
    • Chat App
    • Video chat
  • Users
    • Users Profile
    • Users Edit
    • Users Cards
  • Bookmarks
  • Contacts
  • Tasks
  • Calender
  • Social App
  • To-Do
  • Search Result
  • Forms
    • Form Controls
      • Form Validation
      • Base Inputs
      • Checkbox & Radio
      • Input Groups
      • Mega Options
    • Form Widgets
      • Datepicker
      • Timepicker
      • Datetimepicker
      • Daterangepicker
      • Touchspin
      • Select2
      • Switch
      • Typeahead
      • Clipboard
    • Form layout
      • Default Forms
      • Form Wizard 1
      • Form Wizard 2
      • Form Wizard 3
  • Tables
    • Bootstrap Tables
      • Basic Tables
      • Sizing Tables
      • Border Tables
      • Styling Tables
      • Table components
    • Data Tables
      • Basic Init
      • Advance Init
      • Styling
      • AJAX
      • Server Side
      • Plug-in
      • API
      • Data Sources
    • Ex. Data Tables
      • Auto Fill
      • Basic Button
      • Column Reorder
      • Fixed Header
      • HTML 5 Export
      • Key Table
      • Responsive
      • Row Reorder
      • Scroller
    • Js Grid Table
  • Ui Kits
    • State color
    • Typography
    • Avatars
    • helper classes
    • Grid
    • Tag & pills
    • Progress
    • Modal
    • Alert
    • Popover
    • Tooltip
    • Spinners
    • Dropdown
    • Accordion
    • Tabs
      • Bootstrap Tabs
      • Line Tabs
    • Shadow
    • Lists
  • Bonus Ui
    • Scrollable
    • Tree view
    • Bootstrap Notify
    • Rating
    • dropzone
    • Tour
    • SweetAlert2
    • Animated Modal
    • Owl Carousel
    • Ribbons
    • Pagination
    • Steps
    • Breadcrumb
    • Range Slider
    • Image cropper
    • Sticky
    • Basic Card
    • Creative Card
    • Tabbed Card
    • Draggable Card
    • Timeline
      • Timeline 1
      • Timeline 2
  • Builders
    • Form Builder 1
    • Form Builder 2
    • Page Builder
    • Button Builder
  • Animation
    • Animate
    • Scroll Reveal
    • AOS animation
    • Tilt Animation
    • Wow Animation
  • Icons
    • Flag icon
    • Fontawesome Icon
    • Ico Icon
    • Thimify Icon
    • Feather icon
    • Whether Icon
  • Buttons
    • Default Style
    • Flat Style
    • Edge Style
    • Raised Style
    • Button Group
  • Charts
    • Apex Chart
    • Google Chart
    • Sparkline chart
    • Flot Chart
    • Knob Chart
    • Morris Chart
    • Chatjs Chart
    • Chartist Chart
    • Peity Chart
  • Landing page
  • Sample page
  • Internationalization
  • Starter kit
  • Others
    Error Page
    • Error Page 1
    • Error Page 2
    • Error Page 3
    • Error Page 4
    Authentication
    • Login Simple
    • Login with bg image
    • Login with image two
    • Login With validation
    • Login with tooltip
    • Login with sweetalert
    • Register Simple
    • Register with Bg Image
    • Register with Bg video
    • Unlock User
    • Forget Password
    • Creat Password
    • Maintenance
    Coming Soon
    • Coming Simple
    • Coming with Bg video
    • Coming with Bg Image
    Email templates
    • Basic Email
    • Basic With Header
    • Ecomerce Template
    • Email Template 2
    • Ecommerce Email
    • Order Success
  • Gallery
    • Gallery Grid
    • Gallery Grid Desc
    • Masonry Gallery
    • Masonry with Desc
    • Hover Effects
  • Blog
    • Blog Details
    • Blog Single
    • Add Post
  • FAQ
  • Job Search
    • Cards view
    • List View
    • Job Details
    • Apply
  • Learning
    • Learning List
    • Detailed Course
  • Maps
    • Maps JS
    • Vector Maps
  • Editors
    • Summer Note
    • CK editor
    • MDE editor
    • ACE code editor
  • Knowledgebase
    • Knowledgebase
    • Knowledge category
    • Knowledge detail
  • Support Ticket

Bootstrap Notify

  1. Bonus Ui
  2. Bootstrap Notify
Bootstrap Notify
lorem ipsum dolor sit amet, consectetur adipisicing elit
Example Of How To Use Bootstrap Notify
Click Display Notify button to show different notify demo's & display script of different Notify demo below
<script>
$.notify({
title:'Email: Erica Fisher',
message:'Investment, stakeholders micro-finance equity health Bloomberg; global citizens climate change. Solve positive social change sanitation, opportunity insurmountable challenges...'
},
{
type:'primary',
allow_dismiss:false,
newest_on_top:false ,
mouse_over:false,
showProgressbar:false,
spacing:10,
timer:2000,
placement:{
from:'top',
align:'left'
},
offset:{
x:30,
y:30
},
delay:1000 ,
z_index:10000,
animate:{
enter:'animated bounce',
exit:'animated bounce'
}
});
</script>

Copyright 2022 © wingo All rights reserved.

Hand crafted & made with