Timeline output vs bootstrap.

  • spitjack
  • Topic Author
  • Offline
  • Elite Member
  • Elite Member
More
7 years 4 months ago - 7 years 4 months ago #91329 by spitjack
Timeline output vs bootstrap. was created by spitjack


I am loading bootstrap2 (also tried bs3), so imagine my surprise when I saw this with Bootstrap2 and Bootstrap3. (My template uses UIKit as well, so I will try that next.) One of these I expected to produce a row 1/3 image, 2/3 text.

BS2
Code:
<div class="row"> <div class="span4"><img src="images/grfx/FPO300x300.png" alt="FPO300x300" /></div> <div class="span8">This event represents a living example of the arts, culture and tradition that is uniquely ours, and our children’s glimpse into their heritage and our grandparent’s nostalgic walk through their past. And just as important, visitors of different ethnic backgrounds gain a new understanding of our homeland and its people. Day pass: $10 advance / $12 at gate.</div> </div>

BS3
Code:
<div class="row"> <div class="col-xs-6 col-md-4"><img src="images/grfx/FPO300x300.png" alt="FPO300x300" /></div> <div class="col-xs-12 col-sm-6 col-md-8">This event represents a living example of the arts, culture and tradition that is uniquely ours, and our children’s glimpse into their heritage and our grandparent’s nostalgic walk through their past. And just as important, visitors of different ethnic backgrounds gain a new understanding of our homeland and its people. Day pass: $10 advance / $12 at gate.</div> </div>

__
a 'spit' is a rod upon which savory food was roasted, turned in ancient times by a 'jack', a middle English word for an ordinary laborer (eg jack of all trades, steeplejack, lumberjack). Today, this job is usually referred to as a 'pitmaster'.
Attachments:
Last edit: 7 years 4 months ago by spitjack.

Please Log in or Create an account to join the conversation.

More
7 years 4 months ago #91367 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Timeline output vs bootstrap.
Hi

If your site template uses UI Kit, you will need to set Load Twitter Bootstrap config option to Yes. Also, set Twitter Bootstrap version to twitter bootstrap 2 instead of twitter bootstrap 3

If you did that but it still doesn't work, there must be css conflict somewhere causing the issue. In that case, please submit a support ticket sending us super admin account of your site and the link to the page so that our template developer can check and solve it for you

Regards,

Tuan

Please Log in or Create an account to join the conversation.

  • spitjack
  • Topic Author
  • Offline
  • Elite Member
  • Elite Member
More
7 years 4 months ago - 7 years 4 months ago #91469 by spitjack
Replied by spitjack on topic Timeline output vs bootstrap.
For benefit of all, this was solved (via ticket). Using bootstrap2, the row needs to be row-fluid, thus:

Code:
div class="row-fluid"> <div class="span4"><img src="images/grfx/FPO300x300.png" alt="FPO300x300" /></div> <div class="span8">This event represents a living example of the arts, culture and tradition that is uniquely ours, and our children’s glimpse into their heritage and our grandparent’s nostalgic walk through their past. And just as important, visitors of different ethnic backgrounds gain a new understanding of our homeland and its people. Day pass: $10 advance / $12 at gate.</div> </div>

__
a 'spit' is a rod upon which savory food was roasted, turned in ancient times by a 'jack', a middle English word for an ordinary laborer (eg jack of all trades, steeplejack, lumberjack). Today, this job is usually referred to as a 'pitmaster'.
Last edit: 7 years 4 months ago by spitjack. Reason: add code tags

Please Log in or Create an account to join the conversation.

More
7 years 4 months ago #91476 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Timeline output vs bootstrap.
Yes, that's correct. Thanks for the update

Tuan

Please Log in or Create an account to join the conversation.

Moderators: Tuan Pham Ngoc