Twitter Bootstrap Tables

<table> classes:

Class

Description

Table

Adds basic styling (light padding and only horizontal dividers) to any <table>

table-striped

Adds alternate row style (not available in IE8)

table-bordered

Adds border on all sides of the table and cells

table-hover

Enables a hover state on table rows within <tbody>

table-condensed

Makes table more compact by cutting cell padding in half

table-responsive

Makes the table responsive to different resolution

 Example:

<table class=”table table-striped table-bordered table-hover”>

<thead>

<tr>

<th>#</th>

<th>Name</th>

</tr>

</thead>

<tbody>

<tr>

<td>1</td>

<td>John</td>

</tr>

<tr>

<td>2</td>

<td>Ravi</td>

</tr>

<tr>

<td>3</td>

<td>Srinivas</td>

</tr>

</tbody>

</table>

<tr>, <th> and <td> Contextual Classes

Use the classes below to color table rows or cells:

Class

Description

Table

Applies the hover color to a particular row or cell

active

Applies the hover color to a particular row or cell

success

Indicates a successful or positive action

info

Indicates a neutral informative change or action

warning

Indicates a warning that might need attention

danger

Indicates a dangerous or potentially negative action

Responsive Tables:

By wrapping any .table in .table-responsive class, you will make the table scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

<div class=”table-responsive“>

<table class=”table”>

<caption>Responsive Table Layout</caption>

<thead>

<tr>

<th>Product</th>

<th>Payment Date</th>

<th>Status</th>

</tr>

</thead>

<tbody>

<tr>

<td>Product1</td>

<td>23/11/2013</td>

<td>Pending</td>

</tr>

<tr>

<td>Product2</td>

<td>10/11/2013</td>

<td> Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered Delivered </td>

</tr>

</tbody>

</table>

</div>

Working with Twitter Bootstrap Typography

Bootstrap uses Helvetica Neue, Helvetica, Arial, and sans-serif in its default font, font-size of 14px, and a lineheight of 1.428. In addition, <p> receive a bottom margin of half their computed line-height (10px by default).
Using typography feature of Bootstrap you can create headings, paragraphs, lists and other inline elements.
Headings: Bootstrap formats heading differently from that of browser default.
element will create a lighter, secondary text in any heading

 

h1 heading lighter, smaller text

h2 heading lighter, smaller text

h3 heading lighter, smaller text

h4 heading lighter, smaller text

h5 heading lighter, smaller text
h6 heading lighter, smaller text

highlight
WHO
This is deleted text

This is some descriptive text This is some descriptive text This is some descriptive text This is some
descriptive text This is some descriptive text This is some descriptive text This is some descriptive text

From Author Name
Note: Add .blockquote-reverse for a blockquote to right-aligned content.

This content is within small tag
This content is within strong tag

This content is within em tag and is rendered as italics

This is an example paragraph demonstrating the use of lead body copy.

Left aligned text.

Center aligned text.

Right aligned text.

This content is muted

This content carries a primary class

This content carries a success class

This content carries a info class

This content carries a warning class

This content carries a danger class

Lowercased text.

Uppercased text.

Capitalized text.

Some Company Pvt Ltd…Street No 007Some City, State XXXXXP: (123) 456-7890
Jamesmailto@somedomain.com

Example of Ordered List

  1. Item 1
  2. Item 2

Example of Un-Ordered List

  • Item 1
  • Item 2

Example of Unstyled List

  • Item 1
  • Item 2

Example of Inline List – Place all list items on a single line and some light padding.

  • Item 1
  • Item 2

Example of Definition List

Description 1
This is description of Item 1
Description 2
This is description of Item 2

Example of Horizontal Definition List

Description 1
This is description of Item 1
Description 2
This is description of Item 2

<header> is wrapped as an inline element.
To display code as a standalone block element use <pre> tag as:

<article>
<h1>Article Heading</h1>
</article>
public class HomeController : Controller
{
//
// GET: /Home/
public ActionResult Index()
{
return View();
}
}

 

Overview of the MS.NET Framework Part 2

Hi,

We are back with the continuation of the 1st post (Overview of the MS.NET Framework).

As discussed in the earlier post

The .NET Framework includes:

1) Application services

2) BCL (Base Class Library)

3) CLR (Common Language Runtime)

1) TYPES OF MS.NET APPLICATIONS

  1. Console Based Applications (e.g. Compiler)
  2. Windows Application (WinForms)
  3. Windows Services
  4. ASP.NET Web Applications
  5. ASP.NET Web Services
  6. Remoting Application.
  7. Mobile / Smart Device Applications

We can develop all the applications mentioned above using the MS.NET Framework very easily.

2) MS.NET Base Class Libraries (also called as Framework Class Libraries (FCL)

The .NET base class library is a collection of object-oriented types and interfaces that provide object models and services for many of the complex programming tasks you will face. Most of the types presented by the .NET base class library are fully extensible, allowing you to build types that incorporate your own functionality into your managed code.  These class libraries are distributed with MS.NET Framework and works with any language under the common language run-time environment. Therefore if you are familiar with one .NET language then you can easily migrate to other .NET Languages.

Note: All the base class libraries are grouped under the root namespace “System“.

a) What is a Namespace?

A namespace is a logical collection of classes and other types with unique name. The structure of the namespace is like a tree where all the related classes are like leaves.

The most important namespaces in the .NET class library are:

  • System
  • System.IO
  • System.Collections
  • System.Threading
  • System.Reflection
  • System.Security
  • System.Net
  • System.Data
  • System.XML
  • System.Web
  • System.Web.Services
  • System.Windows.Forms
  • System.Drawing
  • System.Globalization
  • System.Resources

3) What is CLR (Common Language Runtime)?

CLR is the foundation of .NET Framework. The common Language Runtime manages code at execution time. It does Memory management, thread management, and runs the code on different platforms (Client or Server). It enforces strict variable type definitions, security, and robustness.

CLR is a component divided in sub components which perform their own respective tasks. CLR as the name specifies provides a common runtime environment for different languages like VC++, C#, VB.NET, J# and JavaScript. The code written in these languages is compiled with their respective language compliers to give a common intermediate language called MSIL (Microsoft Intermediate Language) and Metadata. This files generated are called as PE (Portable Executable).

CLR provides the following benefits for the application developers:

  • Vastly simplified development.
  • Seamless integration of the code written in various languages.
  • Evidence-based security with code identity.
  • Assembly-based deployment that eliminates DLL Hell.
  • Side-by-side versioning of reusable components.
  • Code reuse through implementation inheritance.
  • Automatic object lifetime management.
  • Self describing objects.

a) What is MSIL?

MSIL: MSIL is an intermediate instruction set which is processor and hardware independent. The source code when compiled gives MSIL which is an input to the operating system and with the help of CLR is converted into native code which is processor specific.

 

  • It stands for Microsoft intermediate language.
  • MSIL instructions are pure platform independent.
  • MSIL is an intermediate instruction set which is processor and hardware independent.

The source code when compiled gives MSIL which is an input to the operating system and with the help of CLR is converted into native code which is processor specific.

MSIL Assembler(IIasm): The MSIL Assembler generates a portable executable (PE) file from Microsoft intermediate language (MSIL).

MSIL DisAssembler(IIdasm): You can use the MSIL Disassembler (Ildasm.exe) to view Microsoft intermediate language (MSIL) information in a file. If the file being examined is an assembly, this information can include the assembly’s attributes, as well as references to other modules and assemblies. This information can be helpful in determining whether a file is an assembly or part of an assembly, and whether the file has references to other modules or assemblies.

Microsoft supply a tool called Ildasm, which can be used to view the metadata and IL for an assembly. Source code can be reverse-engineered from IL, it is often relatively straightforward to regenerate high-level source (e.g. C#) from IL.

b) What is Portable Executable (PE)?

Portable Executable (PE) is a Microsoft Win32 compatible format file for .Net applications which contains the MSIL code and Metadata in binary form. It has the extension .exe or .dll. PE has COFF (Common Object File Format) specification

 I hope it is very clear for you now, about the MS.NET Framework. The information provided in this post is very useful so please do share this post with your friends…