This is a migrated thread and some comments may be shown as answers.

vertical centralization with bootstrap

1 Answer 45 Views
HTML5, CSS, JavaScript
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
victor
Top achievements
Rank 1
victor asked on 22 Jan 2015, 12:08 PM
Hi,

I am using the bootstrap and kendo UI, How I can get my login input field vertical alignment to the center or move more to the bottom.


see this example:
http://jsbin.com/vuvidolece/1/edit

It seems very easy, but I am having a hard time trying to get it done.

1 Answer, 1 is accepted

Sort by
0
Zdravko
Telerik team
answered on 27 Jan 2015, 11:26 AM
Hi Victor,

Are you using Kendo UI Mobile to build a mobile application? If that is the case, then you need to stretch the Kendo UI Mobile View in order to have the child elements of the view stretch to occupy the entire content area. Next, you can apply css rules to position your content in the center of the view. 

modified your example slightly to demonstrate one possible approach. Please note that the bootstrap style settings affect the display of the row class - there are margins and width applied which you might have to override to further customize the display of the elements.


Regards,
Zdravko
Telerik
 

Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

 
Tags
HTML5, CSS, JavaScript
Asked by
victor
Top achievements
Rank 1
Answers by
Zdravko
Telerik team
Share this question
or