how to create 2 cels with help of Bootstrap ?

Posted in: Newspaper
Post count: 364

Could you explain how to create a layout for 3 text block or images like this?

screen – https://www.screencast.com/t/fTpEx0J4iE

Before your template I used dewfault bootsrap format
example
———–
<div class=”row d-flex flex-wrap” align=”center”>
<div class=”col-lg-4 col-md-4 col-sm-6 col-xs-12″ align=”center”>
img1
text1
</div>
<div class=”col-lg-4 col-md-4 col-sm-6 col-xs-12″ align=”center”>
img2
text2
</div>
<div class=”col-lg-4 col-md-4 col-sm-6 col-xs-12″ align=”center”>
img3
text3
</div>
</div>
————-
How to it with your CSS?

Post count: 18283

Hello !

Using tagDiv Composer you can edit the ROW and set it to 3 columns: https://www.screencast.com/t/4lK5gVJK3e

Use one row for the images and create a new ROW with the same layout for the text.

In that way you will have individual control over each element. As you can see here on the upper row you have Single Image element and on the lower one a Column Text: https://www.screencast.com/t/vg8bFAQW

Thank you !

Post count: 364

Thanks, does it work for Post?

Post count: 364

I can’t find such menu in the post
screenshot – https://www.screencast.com/t/ywY0INSnZ

Post count: 18283

Hello !

That menu is available only for Cloud Library templates. In order to insert that into a post you will have to create some sort of table via HTML.

Unfortunately Newspaper theme does not have that option available on posts.

Thank you !

Post count: 364

Thanks for the explanation.
Could you advise how to do it in manual mode in the source HTML mode?
Do you have something like this – help manual how to use bootstrap – https://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=two-column-grid-layouts-for-all-devices
or something like this https://www.tutorialrepublic.com/twitter-bootstrap-examples.php
It seems you have a special bootstrap css format.
I just want to insert some image and text in the formatted “table cells” like this https://www.screencast.com/t/S27Qlt9joH

Post count: 364

Cloud Plugin is installed – https://www.screencast.com/t/jCGbYs2qIBs
But I Can’t see it 🙁 screen – https://www.screencast.com/t/p5tKqEtSBhpT
Could you explain – how to add it to the Post page?

Post count: 18283

Hello !

TagDiv Composer is a page builder not a post builder. You can edit the POST LAYOUT not the Post Content.

Find out how to use the post template here: https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/

I hope this was helpful.

Thank you !

Post count: 364

Thanks for the link, but I don’t change post format type.
Is it possible to do it manually.
I just want to insert HTML code with a mobile-compatible format like my mockup.
Could you just share HRML code example for my case?

Post count: 364

Sorry, misprint: “Could you just share HTML code example for my case?”

Post count: 364

Something like this – screenshot – https://www.screencast.com/t/uzKai3xXucw
I just need html code with your formatted bootstrap format.

Post count: 18283

Hello !

Please note that your request is a custom work request and is not covered by the support team due to our policy: https://forum.tagdiv.com/newspaper-theme-support/

Also for what you want to achieve the easiest way would be to create a table. You can use a generator like this: https://divtable.com/generator/

Copy the table into your post, insert text / images in the tabs you want and that’s it.

Thank you !

Post count: 364

I know how to create a 2 cells by table, but this option is not Mobile Friendly.
I don’t ask you to create a such layout, more than 1 week I’m trying to get simple Help article or Manual how to operate your Bootstrap logics for Newspaper X Template.
You didn’t use default Bootstrap 4 for your Template.
In this case, just give me article about this subject.
Is it so hard? :-(((((((((((

Post count: 364

Any update?

Post count: 18283

Hello !

Sorry for misunderstanding your issue !

Please follow this tutorial: https://www.w3schools.com/bootstrap4/ And make sure that you’re copying the code correctly. Also check to have the proper apostrophe’s ” .

Thank you !

Post count: 364

Thanks for answer
But your template doesn’t have such class – div class=”col-sm-4″
Here it is this is simple example with code on post page –
Screen – https://www.screencast.com/t/8lIxsI6A
Bottom part of page – https://prostobzor.com/garmin-swim-2/

so this example with Bootstrap 4 will not work –
Screenshot – https://www.screencast.com/t/hc0K9P2uOm

Give me CSS class name for Newspaper X which operates like a Bootstrap:
class=”container”
class=”row”
class=”col-sm-4″

Post count: 364

I didn’t find your response – so this code was commented – https://prostobzor.com/garmin-swim-2/
https://www.screencast.com/t/chbwSThpj

And finally, you gave me Bootstrap 4 help page – but this\ those CSS classes are not supported by Template – there is no such element 🙁

This code doesn’t work for default post – here it is another page = https://prostobzor.com/contacts/

This demo doesn’t work.

Post count: 18283

Hello !

Please contact us via email at contact@tagdiv.com and provide the following:

– admin url and credentials
– cPanel url and credentials
– A link to this topic in order to identify you

Our team will take a look !

Thank you

Post count: 364

an email with credentials was sent,
please check mail.

Post count: 364

Thanks for support.
Case is closed.
Please close this ticket – no more questions. 🙂

Viewing 20 posts - 1 through 20 (of 20 total)
The forum ‘Newspaper’ is closed to new topics and replies.