JavaScript - An Introduction is a beginner's guide to JavaScript. It starts with very basic level and goes to intermediate level. You'll be introduced with every language constructs, Event handling, Form handling and AJAX which is supported by JavaScript with XMLHttpRequest object. This XHR object is discussed in enough detail so that you can understand how the underlying AJAX functionality works in jQuery. At the end it discusses advance concepts and library build on/around JavaScript.
Introduction to JavaScript course. The course was updated in 2014-15.
Will allow you to understand what is JavaScript, what's it history and how you can use it.
The set of slides "Introduction to jQuery" is a follow up - which would allow the reader to have a basic understanding across JavaScript and jQuery.
This is the CSS Tutorial for Beginners that teach the basics of CSS. This tutorial will show the basic structure of a CSS style and will show 3 different methods to apply styles.
JavaScript - An Introduction is a beginner's guide to JavaScript. It starts with very basic level and goes to intermediate level. You'll be introduced with every language constructs, Event handling, Form handling and AJAX which is supported by JavaScript with XMLHttpRequest object. This XHR object is discussed in enough detail so that you can understand how the underlying AJAX functionality works in jQuery. At the end it discusses advance concepts and library build on/around JavaScript.
Introduction to JavaScript course. The course was updated in 2014-15.
Will allow you to understand what is JavaScript, what's it history and how you can use it.
The set of slides "Introduction to jQuery" is a follow up - which would allow the reader to have a basic understanding across JavaScript and jQuery.
This is the CSS Tutorial for Beginners that teach the basics of CSS. This tutorial will show the basic structure of a CSS style and will show 3 different methods to apply styles.
Read carefully and follow exactly Java You are to write a Breakou.pdfrupeshmehta151
Read carefully and follow exactly Java:
You are to write a Breakout game, using Java applets for animation. The requirements for this
program are designed so that you will also use an ArrayList, Generics, an abstract class,
polymorphism, and file I/O. Please read the following instructions very carefully, as they attempt
to explain how the various parts of the animation work; then you can update the applet, using
your knowledge of ArrayLists, Generics, abstract classes, and polymorphism.
Existing classes: There are a number of existing classes that are already written and ready for
use. They are contained in the file Breakout.java (they are not defined as public so they don’t
have to be in a file that matches their name). Please look them over carefully to see what
functionality is available. The classes (implemented inside Breakout.java) are:
Ball: this is defined as a subclass of Rectangle (even though that is geometrically invalid!). The
reason for this is so Ball can inherit data for its x coordinate, y coordinate, width, and height. It
also adds some data of its own (see the code) and methods (among others) to:
bounceLeftRight() (which changes the angle at which it moves after bouncing off a left or right
side),
bounceTopBottom() (which changes the angle at which it moves after bouncing off a top or
bottom)
move() (change its coordinates),
freeze()/unfreeze() itself,
It also inherits important methods from the Rectangle class
translate – changes its x and y coordinates respectively by the 2 numbers that are passed in
intersects(Rectangle other) – returns true if it intersects another Rectangle
intersection(Rectangle other) – returns the Rectangle that is the intersection
Paddle: this is also defined as a subclass of Rectangle so it inherits the same data/methods that
are described above for the Ball class. The fact that Ball and Rectangle are both Rectangles
means that code can ask a Ball if it intersects a Paddle, so it can easily tell when to make things
happen.
Wall: this is not in its own file, but rather in the Breakout.java file. Wall is also a subclass of
Rectangle to it is easy to determine if the ball has collided a wall.
The Breakout class (which is an Applet): if you look at the code for the Breakout class, you will
notice it has a number of things:
It is a subclass of Applet, so it inherits data and methods as well as the ability to function as an
Applet. For example, if you want to know the height of the applet you can ask it through the
this.getHeight(); method.
It implements the KeyListener interface, which gives it the ability to “listen” for keystrokes
from the keyboard. If you were to look up the KeyListener interface in the documentation, you
would find that anything that implements it must have the KeyPressed, KeyReleased, and
KeyTyped methods. These are all there; KeyPressed and KeyReleased set/unset Boolean flags
which remember that the left or right arrow keys are or are not being pressed.
It has a method called in.
Angular.js Directives for Interactive Web ApplicationsBrent Goldstein
How to build an interactive hierarchical data-grid using custom directives.
Shows how to capture keyboard input, navigate the DOM tree with jqLite and display google spreadsheet like selection rectangles.
Angular Js Get Started - Complete CourseEPAM Systems
Angular Js Advantages.Developed by Google - Most Popular, SPA (Single Page Appplications), Data Binding, Easy to Test.
Complete guide for Angular Js. Covers Basics of Angular - Module, Controllers, Filters, and Advanced topics Routing, Services, UI-Routing
How to Get CNIC Information System with Paksim Ga.pptxdanishmna97
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex ProofsAlex Pruden
This paper presents Reef, a system for generating publicly verifiable succinct non-interactive zero-knowledge proofs that a committed document matches or does not match a regular expression. We describe applications such as proving the strength of passwords, the provenance of email despite redactions, the validity of oblivious DNS queries, and the existence of mutations in DNA. Reef supports the Perl Compatible Regular Expression syntax, including wildcards, alternation, ranges, capture groups, Kleene star, negations, and lookarounds. Reef introduces a new type of automata, Skipping Alternating Finite Automata (SAFA), that skips irrelevant parts of a document when producing proofs without undermining soundness, and instantiates SAFA with a lookup argument. Our experimental evaluation confirms that Reef can generate proofs for documents with 32M characters; the proofs are small and cheap to verify (under a second).
Paper: https://eprint.iacr.org/2023/1886
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
Essentials of Automations: The Art of Triggers and Actions in FMESafe Software
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
Maruthi Prithivirajan, Head of ASEAN & IN Solution Architecture, Neo4j
Get an inside look at the latest Neo4j innovations that enable relationship-driven intelligence at scale. Learn more about the newest cloud integrations and product enhancements that make Neo4j an essential choice for developers building apps with interconnected data and generative AI.
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...SOFTTECHHUB
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
2. Support Changes
v4 is now only IE10+ and iOS 7+
Added official support for Android v5.0 Lollipop’s Browser and WebView.
3. Grid Has Changed
Looking back at Bootstrap 3, the 4 grid tiers (‘xs’, ’sm’, ‘md’ and ‘lg’
breakpoints) .
The smallest breakpoint has a wide range of devices less than 768px in
width.
4. Bootstrap 4 Grid
Introducing the new XL grid tier
There are 5 tiers (or breakpoints) to support typical portrait and landscape screen
widths.
New grid breakpoint with the col-xl-* classes
Breakpoints:
The XL breakpoint is screen widths > 1200px
The LG breakpoint is screen widths > 992px
The MD breakpoint is screen widths > 768px
The SM breakpoint is screen widths > 544px
The XS breakpoint is screen widths < 544px
5. Utilities
Width w-25%, w-50%,w-75%, w-100%
Height h-25%, h-50%,h-75%, h-100%
Padding p
Margin m
Margin-top or padding-top t
Margin-bottom or padding-bottom b
Margin-left or padding-left l
Margin-right or padding-right r
for classes that set both *-left and *-right x
for classes that set both *-top and *-bottom y
for the classes that set on all four sides (margin and padding) blank
10. Blockquotes
Wrap <blockquote class="blockquote"> around any HTML as the quote.
Add a <footer class="blockquote-footer"> for identifying the source.
Add .blockquote-reverse for a blockquote with right-aligned content.
11. Lists
.list-unstyled removes the default list-style and left margin on list items
(immediate children only). This only applies to immediate children list
items.
Inline: Remove a list’s bullets and apply some light margin with a
combination of two classes, .list-inline and .list-inline-item.
12. Images
Renamed .img-respnsive to .img-fluid
Renamed .img-rounded to .rounded
Renamed img-circle to .rounded-circle
.img-thumbnail to give an image a rounded 1px border appearance.
13. Tables
Responsive tables no longer require a wrapping element. Instead, just put
the .table-responsive right on the <table>.
Renamed .table-condensed to .table-sm for consistency.
Added a new .table-inverse option.
Added table header modifiers: .thead-default and .thead-inverse.
Renamed contextual classes to have a .table--prefix.
Hence .active, .success, .warning, .danger and .table-info to .table-
active, .table-success, .table-warning, .table-danger and .table-info.
14. Figures
included .figure , .figure-img and .figure-caption classes to provide some
baseline styles for the HTML5 <figure> and <figcaption> elements.
Images in figures have no explicit size, so be sure to add the .img-fluid
class to your <img> to make it responsive.
Aligning the figure’s caption is easy with text utilities.
15. Alerts
For proper styling, use one of the four required contextual classes (e.g.,
.alert-success).
For inline dismissal, use the alerts jQuery plugin.
Link Color: Use the .alert-link utility class to quickly provide matching
colored links within any alert.
Alerts can also contain additional HTML elements like headings,
paragraphs and dividers.
16. Alert Dismissing
Using the alert JavaScript plugin, it’s possible
to dismiss any alert inline.
Add a dismiss button and the .alert-
dismissible class, which adds extra padding
to the right of the alert and positions the
.close button.
On the dismiss button, add the data-
dismiss="alert" attribute, which triggers the
JavaScript functionality. Be sure to use the
<button> element with it for proper
behavior across all devices.
To animate alerts when dismissing them, be
sure to add the .fade and .show classes.
17. Alerts JavaScript Behaviour
Method Description
$().alert() Makes an alert listen for click
events on descendant elements
which have the data-
dismiss="alert" attribute. (Not
necessary when using the data-
api’s auto-initialization.)
$().alert('close') Closes an alert by removing it
from the DOM. If
the .fade and .show classes are
present on the element, the alert
will fade out before it is removed.
Event Description
close.bs.alert This event fires immediately
when the close instance
method is called.
closed.bs.alert This event is fired when the
alert has been closed (will
wait for CSS transitions to
complete).
20. Button Sizes and Actives States
Button Sizes
Add .btn-lg or .btn-sm for additional
sizes.
Create block level buttons—those that
span the full width of a parent—by
adding .btn-block.
Active and Disabled States
active appearance with .active
Buttons will appear pressed (with a
darker background, darker border,
and inset shadow) when active.
.disabled class to make it visually
appear disabled.
21. Cards
A card is a flexible and extensible content container.
It includes options for headers and footers, a wide variety of content,
contextual background colors, and powerful display options.
Card titles are used by adding .card-title
Card subtitles used by adding .card-subtitle
.card-img-top places an image to the top of the card
Mix and match multiple content types to create the card you need, or
throw everything in there.
an optional header and/or footer within a card an be added
22. Cards
Cards can include top and bottom “image caps”—images at the top or
bottom of a card. Image overlays
Turn an image into a card background and overlay your card’s text
Cards include various options for customizing their backgrounds, borders,
and color.
Includes a few options for laying out series of cards.
23. Collapse
Toggle the visibility of content across your project with a few classes and
our JavaScript plugins.
Examples
.collapse hides content
.collapsing is applied during transitions
.collapse.show shows content
You can use a link with the href attribute, or a button with the data-
target attribute. In both cases, the data-toggle="collapse" is required.
Multiple targets
Multiple <button> or <a> can show and hide an element if they each reference
it with their ‘href’ or ‘data-target’ attribute
24. Collapse with JavaScript Methods
.collapse(options)
.collapse('toggle') - Returns to the caller before the collapsible element
has actually been shown or hidden
.collapse('show') - Returns to the caller before the collapsible element
has actually been shown
.collapse('hide') - Returns to the caller before the collapsible element
has actually been hidden
25. Collapse with JavaScript Events
Event Type Description
show.bs.collapse This event fires immediately when the show instance
method is called.
shown.bs.collapse This event is fired when a collapse element has been
made visible to the user (will wait for CSS transitions to
complete).
hide.bs.collapse This event is fired immediately when the hide method has
been called.
hidden.bs.collapse This event is fired when a collapse element has been
hidden from the user (will wait for CSS transitions to
complete).
$('#myCollapsible').on('hidden.bs.collapse', function () {
// do something…
})
26. Forms
Renamed .control-label to .form-control-label.
Renamed .input-lg and .input-sm to .form-control-lg and .form-control-sm, respectively.
Dropped .form-group-* classes for simplicity’s sake. Use .form-control-* classes instead
now.
Dropped .help-block and replaced it with .form-text for block-level help text. For inline
help text and other flexible options, use utility classes like .text-muted.
Horizontal forms overhauled:
Dropped the .form-horizontal class requirement.
.form-group no longer applies styles from the .row, so .row is now required for horizontal
grid layouts (e.g., <div class="form-group row">).
Added new .form-control-label class to vertically center labels with .form-controls.
Added custom forms support (for checkboxes, radios, selects, and file inputs).
27. Jumbotron
Lightweight, flexible component for showcasing hero unit style content.
To make the jumbotron full width, and without rounded corners, add the
.jumbotron-fluid modifier class and add a .container or .container-fluid
within.
28. Navs - Alignments
Centered with .justify-content-center
Right-aligned with .justify-content-end
Vertical : By changing the flex item direction with the .flex-column
Tabs : Uses .nav-tabs class to generate a tabbed interface.
Pills : Use .nav-pills class to generate a pilled interface
To proportionately fill all available space with your .nav-items, use .nav-fill
For equal-width elements, use .nav-justified
29. Toggble Navs and Pills
Can activate a tab or pill navigation without writing any JavaScript by
simply specifying data-toggle="tab" or data-toggle="pill" on an element.
Via JavaScript
$('#myTab a').click(function (e) {
e.preventDefault()
$(this).tab('show')
})
30. Activate individual tabs in several ways
$('#myTab a[href="#profile"]').tab('show') // Select tab by name
$('#myTab a:first').tab('show') // Select first tab
$('#myTab a:last').tab('show') // Select last tab
$('#myTab li:eq(2) a').tab('show') // Select third tab (0-indexed)
31. Nav - Events
When showing a new tab, the events fire in the following order:
hide.bs.tab (on the current active tab)
show.bs.tab (on the to-be-shown tab)
hidden.bs.tab (on the previous active tab, the same one as for the
hide.bs.tab event)
shown.bs.tab (on the newly-active just-shown tab, the same one as for the
show.bs.tab event)
32. Navbar
.navbar-nav for a full-height and lightweight navigation
We can avoid the list-based approach entirely by using classes for navs.
.navbar-text for adding vertically centered strings of text.
Dropdown menus require a wrapping element for positioning, so be sure
to use separate and nested elements for .nav-item and .nav-link.
33. Navbars
Place various form controls and components within a navbar with .form-
inline.
Navbars may contain bits of text with the help of .navbar-text. This class
adjusts vertical alignment and horizontal spacing for strings of text.
Theming the navbar has never been easier thanks to the combination of
theming classes and background-color utilities.
34. Navbar Responsive behaviour
Navbars can utilize .navbar-toggler, .navbar-collapse, and .navbar-expand{-
sm|-md|-lg|-xl} classes to change when their content collapses behind a
button.
With a toggler on the left and brand name on the right:
With a brand name shown on the left and toggler on the right:
35. Popover
Popovers rely on the 3rd party library Popper.js for positioning. You must
include popper.min.js before bootstrap.js in order for popovers to work!
Popovers require the tooltip plugin as a dependency.
Specify container: 'body' to avoid rendering problems in more complex
components (like our input groups, button groups, etc).
Triggering popovers on hidden elements will not work.
Popovers for .disabled or disabled elements must be triggered on a
wrapper element.
36. Popover Everywhere
initialize all popovers on a page would be to select them by their data-toggle
attribute:
$(function () {
$('[data-toggle="popover"]').popover()
})
Using the container option
$(function () {
$('.example-popover').popover({
container: 'body'
})
})
37. Dismiss on next click
Use the focus trigger to dismiss popovers on the next click that the user
makes.
<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-
toggle="popover" data-trigger="focus" title="Dismissible popover" data-
content="And here's some amazing content. It's very engaging.
Right?">Dismissible popover</a>
Or
$('.popover-dismiss').popover({
trigger: 'focus'
})
38. Scrollspy
It must to be used on a Bootstrap nav component or list group.
Scrollspy requires position: relative; on the element you’re spying on,
usually the <body>.
When spying on elements other than the <body>, be sure to have a
height set and overflow-y: scroll; applied.
Anchors (<a>) are required and must point to an element with that id.
39. Scrollspy - with nested nav and list-
group
Scrollspy also works with nested .navs. If a nested .nav is .active, its parents
will also be .active.
Scroll the area next to the navbar and watch the active class change.
Scrollspy also works with .list-groups. Scroll the area next to the list group
and watch the active class change.
41. Scrollspy - Using JavaScript
After adding position: relative; in your CSS, call the scrollspy via JavaScript:
Methods
$('[data-spy="scroll"]').each(function () {
var $spy = $(this).scrollspy('refresh')
})
$('body').scrollspy({ target: '#navbar-example' })
42. Options and Events
Options can be passed via data attributes or JavaScript.
Events
$('#myScrollspy').on('activate.bs.scrollspy', function () {
// do something…
})
Name Type Default Description
offset number 10 Pixels to offset from top when calculating position of
scroll.
Event Type Description
activate.bs.scrollspy This event fires whenever a new item becomes
activated by the scrollspy.
43. Embeds - Aspect ratios
Aspect ratios can be customized with modifier classes.
44. Flex
Direction
Use .flex-row to set a horizontal direction (the browser default), or .flex-
row-reverse to start the horizontal direction from the opposite side.
Use .flex-column to set a vertical direction, or .flex-column-reverse to
start the vertical direction from the opposite side.
Justify content
Use justify-content utilities on flexbox containers to change the alignment of
flex items on the main axis - start (browser default), end, center, between, or
around.
45. Flex - Alignments
Align items
Use align-items utilities on flexbox containers to change the alignment of
flex items on the cross axis (the y-axis to start, x-axis if flex-direction:
column). Choose from start, end, center, baseline, or stretch (browser
default).
Align Self
Use align-self utilities on flexbox items to individually change their
alignment on the cross axis
46. Flex - Auto margins
With justify-content
move all flex items to one side, but keep another on the opposite end
by mixing justify-content with margin-right: auto or margin-left: auto.
With align-items
move one flex item to the top or bottom of a container by mixing
align-items, flex-direction: column, and margin-top: auto or margin-
bottom: auto.
48. Flex - Align content
Use align-content utilities on flexbox containers to align flex items
together on the cross axis.
Choose from start (browser default), end, center, between, around, or
stretch.
49. Float
Toggle floats on any element, across any breakpoint, using our responsive float
utilities.
50. Text
Text transform
<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>
Font weight and italics
<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-italic">Italic text.</p>
Editor's Notes
Methods: $(".alert").alert('close')
Events: $('#myAlert').on('closed.bs.alert', function () { // do something… })