DMXzone Bootstrap 3 Support Product Page

Answered

Push Pull problem

Asked 06 Oct 2014 17:43:34
1
has this question
06 Oct 2014 17:43:34 Keith Harris posted:
Please can somebody help me with this problem! I want my bootstrap to look like this:

Extra small size
content 12
left sidebar 12 underneath the content

Medium size
left sidebar 3
content 9

Here is the problem! When I try and push and pull these divs the left sidebar div disappears and neither of them lined up with the encompassing div within Dreamweaver.

I hope this makes sense! I really want this to be a good buy but at the moment it's falling short.

Replies

Replied 07 Oct 2014 07:36:17
07 Oct 2014 07:36:17 Teodor Kuduschiev replied:
Hi Keith,
I am not sure i understand the issue. Could you please send us a screenshot as well as your page to
Replied 07 Oct 2014 10:46:52
07 Oct 2014 10:46:52 Keith Harris replied:
Hi

Please can you give me an email address where I can get some help with my problem as well is sending some screenshots.

Below is the HTML code. I created with this component in Dreamweaver and as you will notice when you uploaded in Dreamweaver In the medium size screen The left sidebar and content divs Overlap.When you view the code in a browser, you will notice that in the extra small and small size screens the left sidebar is below the content div but when you expand the browser out to a medium-size the left sidebar div disappears from view.

I will show you as a screenshot if needed, but you should be able to see what I mean. If you import the below HTML code into Dreamweaver.

Thanks

Keith

HTML code.
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-10 col-md-offset-1">
<h2>wrapper</h2>
<div class="row">
<div class="col-xs-12 hidden-xs hidden-sm">
<h2>slideshow </h2>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h2>KHSlogo</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h2>menu</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-9 col-md-push-3">
<h2>content</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-pull--1 col-md-pull--1 col-md-3 col-md-pull-9">
<h2>left sidebar</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h2>footer</h2>
</div>
</div>
</div>
</div>
</div>
Replied 07 Oct 2014 10:58:17
07 Oct 2014 10:58:17 Teodor Kuduschiev replied:
Hi, i already provided an email in my previous post.
First of all - your code is wrong. How do you expect to have sidebar and content side-by-side, when you placed them in different rows? Do you know what exactly pull and push classes are supposed to do?
Second - i think you altered the code by hand, there is no way the extension to generate code like: "col-md-pull--1"?!
Please make sure to check the tutorial explaining push/pull classes and do not edit the code by hand if you do not understand what you are doing.
Replied 07 Oct 2014 11:16:43
07 Oct 2014 11:16:43 Keith Harris replied:
Hi,

No I did not get an email address from you Where I could reply to. The email address where your emails come from says I assume I cannot just reply using this email address. The only other things on the email I got from you are links to your website.

The code came straight from your bootstrap component I did not touch it by hand.

I have been designing templates by hand for 5 years and thought as I'm physically disabled This Dreamweaver module would be of use. I am not new to designing templates and have been using bootstrap for 2 years

Keith
Replied 07 Oct 2014 11:28:09
07 Oct 2014 11:28:09 Teodor Kuduschiev replied:
I am not sure which emails are you referring to. Please scroll up this page and see my first reply to your question. There is the support email provided.
The code i pasted in my previous reply: "col-md-pull--1 col-md-pull--1" in no way can't be placed there by the extension, as it is just not possible such code to be generated by it...
Replied 07 Oct 2014 11:31:39
07 Oct 2014 11:31:39 Keith Harris replied:
Okay sorry found in the address I will continue Conversation by email.

Reply to this topic