Dizzy Docs

Free Trail

Getting Started

Paragraph Notes 1

Code Sample

			
				This is what a block of code would look like.
				Can have many uses, but will make it much more easier to read.

Accordian

This is an accordian sample. It is group for FAQ

Toggle

Question 1

Here is respomnse 1 for question 1.

Here is response 2 for Question .2

Accordion

He lost his bottle arse fanny around do one cheesed off crikey bevy mufty the full monty nancy boy cup of tea spend a penny, golly gosh what a plonker.

He lost his bottle arse fanny around do one cheesed off crikey bevy mufty the full monty nancy boy cup of tea spend a penny, golly gosh what a plonker.

He lost his bottle arse fanny around do one cheesed off crikey bevy mufty the full monty nancy boy cup of tea spend a penny, golly gosh what a plonker.

Shortcodes

Welcome to KbDoc ! Get familiar with the Stripe products and explore their features:

Messages Alerts

Your Message Title Here

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Key Warnings

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Packaged with useful shortcodes

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Your Message Title Here

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Information Message

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Notices

Note

Easy peasy car boot hunky-dory brolly blow off down the pub show off show off pick your nose and blow off matie boy cobblers spiffing, bleeder the full monty excuse my French say bugger cack barney.

Admins: can choose to require users to enter their details by enabling the checkbox Require Name and Email address beside User Details option.

This will: automatically register users to your site. User has to enter his/her Name and E-Mail in the following fields

To do this, simple navigate to wp-dashboard->User Frontend->Settings. From Settings, open the E-Mails page. The first 2 fields are all that you need to configure the email notification for guest users.

Explanations

I assumed I could start "recording" then click around different areas of the site and watch that unused number go down as different pages with different HTML are rendered, but alas, when the page refreshes, so does the Coverage tab. It's not very useful in getting?

Table

Sample ID	Reading #1	Reading #2	Reading #3	Reading #4
Timeline	16	94	74	56
Sample #1	24	19	44	74
Pomodoro timer	12	63	82	66
Tags	95	46	62	24
Tracking time	19	66	31	99
Keyboard	57	15	57	9
Shortcuts	69	46	16	33
Manually	18	93	84	57
Timeline	92	10	69	35
Adding	4	87	51	22
Sample #2	24	23	85	34
Pomodoro	92	6	67	65

Basic Tables

Since KbDoc is based on Bootstrap 4, so you can safley use Bootstrap's table classes to style your table. We also added more table styles and functionality to our template.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Striped Table

Use .table-striped to add zebra-striping to any table row within the <tbody>.

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Hover Tables

Since KbDoc is based on Bootstrap 4, so you can safley use Bootstrap's table classes to style your table. We also added more table styles and functionality to our template.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Footnotes

Welcome to KbDoc ! Get familiar with the Stripe products and explore their features:

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod labore suscipit animi consequatur. Accusantium quibusdam dolorum at a, numquam deserunt.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quia quos autem veniam libero! Deleniti nemo quas optio voluptas voluptatibus sint ratione. Id vel error quia ipsam sit saepe hic at amet excepturi ea. Voluptas sunt ratione consequatur optio porro eaque nam quod ex illum modi id animi fugiat vero explicabo illo officiis assumenda nulla rerum, dignissimos sed dicta pariatur quis eum. Beatae ea cumque alias ducimus quos maxime sed, modi illum at repellendus, ex deleniti nesciunt tempore placeat in accusantium!

Footnotes

Footnote Name A
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet voluptas dicta dolor. ↑
Footnote Name B [PDF]
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet voluptas dicta dolor. ↑
Footnote Name C
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet voluptas dicta dolor. ↑

Can I Use

Desktop

72
64*
No
42
45

Mobile / Tablet

9.0
86
No
76
76*

* denotes prefix required.

Supported:

Yes No Partially Polyfill

Stats from KbDoc.com

Welcome to Tour

Documentation and examples for typography, including global settings, headings, body text, lists, and more.With your help, we're working together to build a library of detailed answers to every question about programming.

Ask questions, get answer no distractions

This site is all about getting answers. It's not a discussion forum. There's no chit-chat.

Just questions....

Just questions....

Get answers to practical, detailed questions

Focus on questions about an actual problem you have faced. Include details about what you have tried and exactly what you are trying to do.

Focus on questions about an actual problem you have faced. Include details about what you have tried and exactly what you are trying to do.

Tags make it easy to find interesting questions

All questions are tagged with their subject areas. Each can have up to 5 tags, since a question might be related to several subjects.

Image Hotspots

large

Demo Edit Guide

Via edit guide you can find where to edit elements, header, footer, etc.

How to edit KbDoc

How to edit Docly2

Typography

Welcome to KbDoc ! Documentation and examples for typography, including global settings, headings, body text, lists, and more.

Headings

All HTML headings, <h1> through <h6>, are available.

h1. Sample heading

h2. Sample heading

h3. Sample heading

h4. Sample heading

h5. Sample heading

h6. Sample heading

                                    
                                        <h1>h1. Sample heading<h1>
                                        <h2>h2. Sample heading<h2>
                                        <h3>h3. Sample heading<h3>
                                        <h4>h4. Sample heading<h4>
                                        <h5>h5. Sample heading<h5>
                                        <h6>h6. Sample heading<h6>

.h1 through .h6 classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.

Anchor titles

All HTML headings, <h1> through <h6>, are available.

Header Title

                                        
                                            <h5 id="header-name">Header Title<h5>

Inline text elements

Styling for common inline HTML5 elements.

You can use the mark tag to highlight text.

~~This line of text is meant to be treated as deleted text.~~

~~This line of text is meant to be treated as no longer accurate.~~

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

                                        
                                            <p>You can use the mark tag to <mark>highlight<mark> text.<p>
                                            <p><del>This line of text is meant treated as deleted text.<del><p>
                                            <p><s>This line of text is meant treated as longer accurate.<s><p>
                                            <p><ins>This line text is meant treated addition document.<ins><p>
                                            <p><u>This line of text will render as underlined<u><p>
                                            <p><small>This line of text is meant to treated as fine.<small><p>
                                            <p><strong>This line rendered as bold text.<strong><p>
                                            <p><em>This line rendered as italicized text.<em><p>

Lists

Display a list of items inside your content, rendered with a number, a bullet, or none.

Unordered list

<ul>

Go to Theme Settings > Header Settings,
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet

Ordered list

<ol>

Go to KbDoc SettingsHeader Logo
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet

Image

Welcome to KbDoc ! Documentation and examples for typography, including global settings, headings, body text, lists, and more.

Responsive images

Images in Bootstrap are made responsive with .img-fluid. max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.

Responsive image

                                        
                                            <img src="..." class="img-fluid" alt="Responsive image" >

Images Shapes

Easily create images in different shapes with adding one class to the <img> tag.

Round image

Circle image

                                            
                                                <img src="..." class="rounded" alt="Round image" >
                                                <img src="..." class="rounded-circle" alt="Circle image" >
                                                <img src="..." class="img-thumbnail" alt="Thumbnail" >

Aligning images

Align images with the helper float classes or text alignment classes. block-level images can be centered using the .mx-auto margin utility class.

                                            
                                               <div class="overflow-hidden mb-20">
                                                    <img src="assets/images/thumb/l-1.jpg" class="rounded float-left" alt="...">
                                                    <img src="assets/images/thumb/l-2.jpg" class="rounded float-right" alt="...">
                                                <div>

                                            
                                               <div class="overflow-hidden mb-20">
                                                    <img src="assets/images/thumb/l-1.jpg" class="rounded mx-auto d-block" alt="...">
                                                <div>

                                            
                                               <div class="text-center mb-20">
                                                    <img src="assets/images/thumb/l-1.jpg" class="rounded" alt="...">
                                                <div>

Video

Welcome to KbDoc !Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device.

About

Rules are directly applied to <iframe>, <embed>, <video>, and <object> elements; optionally use an explicit descendant class .embed-responsive-item when you want to match the styling for other attributes.

Example

Wrap any embed like an <iframe> in a parent element with .embed-responsive and an aspect ratio. The .embed-responsive-item isn’t strictly required, but we encourage it.

                                            
                                                <div class="embed-responsive embed-responsive-16by9">
                                                    <iframe class="embed-responsive-item" src="..." allowfullscreen><iframe>
                                                <div>

Aspect ratios

Aspect ratios can be customized with modifier classes.

                                            
                                                
                                                <div class="embed-responsive embed-responsive-21by9">
                                                  <iframe class="embed-responsive-item" src="..."><iframe>
                                                <div>

                                                
                                                <div class="embed-responsive embed-responsive-16by9">
                                                  <iframe class="embed-responsive-item" src="..."><iframe>
                                                <div>

                                                
                                                <div class="embed-responsive embed-responsive-4by3">
                                                  <iframe class="embed-responsive-item" src="..."><iframe>
                                                <div>

                                                
                                                <div class="embed-responsive embed-responsive-1by1">
                                                  <iframe class="embed-responsive-item" src="..."><iframe>
                                                <div>

Local Video

While it's always better to host your videos on a video sharing website, but we provided a sample for you to include local videos in your pages.

Change Log

Welcome to KbDoc ! Get familiar with the Stripe products and explore their features:

Jun 14, 2020

Version Name

1.6

ImprovementCan I use just the Grid?

NewAdded WooCommerce functionality

New Template Header

NewSEO Agency Prebuilt Website

NewWhy is Foundation free?

NewAdded Services, Cases pages

Zip Download

July 14, 2020

Version Name

1.5

ImprovementCan I use just the Grid?

NewAdded WooCommerce functionality

New Template Header

NewSEO Agency Prebuilt Website

NewWhy is Foundation free?

NewAdded Services, Cases pages

Zip Download

April 10, 2019

Version Name

1.5.1

Improvement3d Effects not Working in Tabs

ImprovementOption to Disable the Parallax on Default Posts

Improvement Transition to Sticky Menu

ImprovementLiquid Events Scroll Indicator

Updateimprove Improvement

UpdateTestimonial Carousel Issue

Zip Download

April 10, 2019

Version Name

1.5.2

fixed3d Effects not Working in Tabs

ImprovementOption to Disable the Parallax on Default Posts

Improvement Transition to Sticky Menu

ImprovementLiquid Events Scroll Indicator

Updateimprove Improvement

UpdateTestimonial Carousel Issue

Zip Download

Sep 20, 2019

Version Name

1.5.3

FixedAnother Submenu Action

FixedHow to Paginate a Post?

Fixed Template Header

FixedSEO Agency Prebuilt Website

NewAdded Services, Cases pages

ImprovmentWhy is Foundation free?

Zip Download

June 23, 2019

Version Name

1.4

UpdateAdded Services, Cases pages

UpdateAdded WooCommerce functionality

Update Template Header

UpdateHow many people run Foundation?

UpdateWhy doesn't Foundation Have

UpdateCan I use just the Grid?

Zip Download

March 23, 2019

Version Name

1.3

ImprovmentHow to use Conditional Logic

ImprovmentHow to Setup Automatic Post Expiration

ImprovmentAdd Multi Column Classes to Post Forms

FixedPreview Post Forms before posting

FixedHow to Allow Guest Posting

FixedHow to Limit Post Form Entries

Zip Download

Still stuck? How can we help?

Was this page helpful? Yes No