Twitter-bootstrap

twitter-bootstrap

#twitterbootstrap

Table of Contents

About

1

Chapter 1: Getting started with twitter-bootstrap

2

Remarks

2

Versions

2

Examples

3

Installation/Setup

3

Basic Template

5

When to use Bootstrap

6

Basic webpage using bootstrap components

6

Chapter 2: Alert

9

Remarks

9

Examples

9

Alert Types

9

Alert basic example

9

Animated Alerts

10

Dismissible Alerts

10

Link color in Alerts

10

Chapter 3: Bootstrap Affix

12

Examples

12

On Navbar

12

Affix Example 2

12

Chapter 4: Bootstrap Badges and Labels

14

Examples

14

Badges

14

Labels

14

Chapter 5: Bootstrap Components

15

Remarks

15

Examples

15

Examples of Bootstrap Components

15

Chapter 6: Bootstrap Containers

16

Introduction

16

Examples

16

Containers

16

Chapter 7: Bootstrap Dropdowns

17

Parameters

17

Remarks

17

Examples

17

How to Use

17

Basic Example

17

Chapter 8: Bootstrap Navbar

19

Examples

19

Bootstrap Navbar

19

Boostrap Brand Image

19

Chapter 9: Bootstrap Themes

21

Examples

21

Bootstrap themes versus rule overrides

21

Chapter 10: Bootstrap Validation

22

Remarks

22

Examples

22

Using MVC and Data Annotations

22

Example input that requires validation

23

Optional

23

Chapter 11: Buttons

25

Syntax

25

Examples

25

Button Classes

25

Chapter 12: Carousels

27

Remarks

27

Examples

27

Basic HTML usage

27

Basic Javascript usage and initialization

28

Chapter 13: Columns

29

Examples

29

Responsive columns same height (CSS or SASS only)

29

Chapter 14: Dropdowns

33

Remarks

33

Examples

33

Basic HTML usage

33

Chapter 15: Forms

34

Examples

34

Basic form

34

Read-only and disabled inputs

34

Chapter 16: Glyphicons

35

Remarks

35

Examples

35

How to Use Glyphicons

35

Chapter 17: Grid Nesting

37

Introduction

37

Remarks

37

Examples

37

Nesting columns

37

Chapter 18: Grid system

38

Introduction

38

Remarks

38

Examples

38

Media Queries

38

Bootstrap Grid Tiers (Breakpoints)

38

Bootstrap Rows & Columns

40

Containers

41

Offsetting columns

42

Column order manipulation using push and pull

42

Chapter 19: Jumbotron

43

Introduction

43

Remarks

43

Examples

43

Basic jumbotron with two lines of text and a button

43

Chapter 20: List group

44

Remarks

44

Examples

44

Basic example

44

Badges

44

Linked Items

44

Button items

44

Disabled Items

45

Contextual classes

45

Custom content

45

Chapter 21: Migrating to Bootstrap 4

46

Introduction

46

Remarks

46

Examples

46

Column layout changes of grid system in Bootstrap 4

46

Grid Layout Bootstrap 4

46

Browser support changes

47

Affix class removal

47

Bootstrap 4 Navbar

50

Bootstrap 3 to Bootstrap 4 CSS Changes

52

Bootstrap 4 Vertical Align

55

Bootstrap 4 Centering

57

Horizontal Center

57

Vertical Center

58

Bootstrap 4 Column Order

58

Chapter 22: Modal Dialogs

60

Remarks

60

Examples

60

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download