Category Archives: Bootstrap Questions And Answers

Bootstrap align Center input fields


Bootstrap align Center input fields : You can align center the input fields as below.


Bootstrap align Center input fields

Here is following trick you can align input box in bootstrap.

Try it »

How to disable bootstrap font


How to disable bootstrap font : You can disable bootstrap fonts as below.


How to disable bootstrap font

Load your custom css after the bootstrap’s css which contains your css and font will load your fonts instead of bootstrap’s default fonts.

Vertical align in bootstrap 3


Vertical align in bootstrap 3 : You can vertical align in bootstrap by using your own custom classes as below.


Vertical align in bootstrap 3 Example

Let’s Create separate classes for vertical align in bootstrap

.vertical-center {
    display: inline-block;
    vertical-align: middle !important;
    float: none;
}
.vertical-top {
    display: inline-block;
    vertical-align: top !important;
    float: none;
}
.vertical-bottom {
    display: inline-block;
    vertical-align: bottom  !important;
    float: none;
}

Top Align
Center Align
Bottom Align

Try it »

How to change navbar color in Bootstrap 3


How to change navbar color in Bootstrap 3 : You can create you own class to change the background color of bootstrap 3. It may help you when you are customizing the bootstrap’s default navigation menu.


How to change navbar color in Bootstrap 3

Add the following css to change the background color of the navigation bar of the bootstrap.

.my-navbar{
    background-color:yellow;
    color:333;
    border-radius:0;
}

Here is an example of bootstrap colored navigation.



Try it »

The above code will produce the following output.

How to change navbar color in Bootstrap 3

Bootstrap Text align class Example


Bootstrap Text align class Example : The Bootstrap version after 2.3 supports text alignments.


Bootstrap Text align class Example

You Can use in-built class center-block to image align center in a container.

Left Align
Center Align
Ritgt Align

Try it »

Bootstrap span example


Bootstrap span example : Bootstrap span example is given below.


Bootstrap span example

Span 2.
Span 10.

Try it »

Bootstrap 3 image align center


Bootstrap 3 image align center : You can make image align center in bootstrap 3 as below.


Bootstrap 3 image align center

You Can use in-built class center-block to image align center in a container.

Bootstrap 3 image align center Demo Image

Bootstrap make input field width wider


Bootstrap make input field width wider : You can make input field width wider in bootstrap by using the default css.


Bootstrap make input field width wider


Try it »

Twitter Bootstrap Tooltips Example And Demo


Twitter Bootstrap Tooltips Example And Demo : Example with demo and full description.


Twitter Bootstrap Tooltips Example And Demo

Tutorialsplane - Hover on me 

Try it »