Register on the forum now to remove ALL ads + popups + get access to tons of hidden content for members only!

Go Back   Site Owners Forums - Webmaster Forums > Web Design > Graphic Design

Notices


Reply
 
Thread Tools Rate Thread Display Modes
Old 11-19-2017, 09:40 PM   #1
designpluz
Registered User
 
Join Date: Jan 2017
Location: India
Posts: 643
What is column ordering in Bootstrap?

What is column ordering in Bootstrap?
__________________

To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
designpluz is offline   Reply With Quote

Old 11-22-2017, 10:03 PM   #2
SaraSanjay
Registered User
 
Join Date: May 2016
Posts: 647
Columns create gutters (gaps between column content) via padding . That padding is offset in rows for the first and last column via negative margin on .row s. The negative margin is why the examples below are outdented.
__________________

To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.


To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.


To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
SaraSanjay is offline   Reply With Quote
Old 11-23-2017, 01:38 AM   #3
ketul
Registered User
 
Join Date: Aug 2014
Location: Bangalore
Posts: 2,597
Bootstrap is a mobile first framework. This means that the order of the columns in your HTML markup should represent the order in which you want them displayed on mobile devices.
__________________

To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
ketul is offline   Reply With Quote
Old 11-23-2017, 03:20 AM   #4
sumitsingh87509
Registered User
 
Join Date: Oct 2017
Posts: 3
When attempting to use the column ordering features in Bootstrap 3, I found that it was pretty confusing at first. You can easily swap the visual arrangement of columns without affecting the source order of our built-in grid columns with .col-md-push-* and .col-md-pull-* modifier classes.
__________________

To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
sumitsingh87509 is offline   Reply With Quote
Old 11-23-2017, 03:59 AM   #5
seven miles
Registered User
 
Join Date: Nov 2017
Posts: 66
When you are trying to use the column ordering features in Bootstrap it have been found that it was pretty confusing at first. Normally the Bootstrap Documentation is stellar, but the section on Column Ordering is really missing some important details.

Easily change the order of our built-in grid columns with:
col-md-push-* and .col-md-pull-* modifier classes.
__________________

To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
seven miles is offline   Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
What is Bootstrap Container in Bootstrap? designpluz Graphic Design 0 07-29-2017 03:08 AM
Can we include bootstrap CDN instead of download the Bootstrap? designpluz Graphic Design 0 07-29-2017 03:04 AM
What is column ordering in Bootstrap? sydneyearplug Graphic Design 1 07-27-2017 03:39 AM
What are offset columns in Bootstrap? sydneyearplug Graphic Design 0 07-27-2017 02:51 AM
How do you customize the column content inside the Datagrid ? sansoni1 ASP 0 11-11-2013 09:55 PM


All times are GMT -7. The time now is 06:59 AM.


Powered by vBulletin Copyright © 2013 vBulletin Solutions, Inc.