AS an FYI I am going to a Funeral this morning and most likely won't be back till after noon central time, so I won't be able to respond till after that.
So I have had a bit of bootstrap success - sort of. Maybe I will be able to figure some of this out after all. But please don't leave me yet. I am still having issues with the original grid.
I created a slider which can be seen on a separate page hidden link
the view for it is: {!{wpv-view name='banner-business-slider'}!}
this is the set ups for it.
loop editor
[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<wpv-loop wrap="1" pad="true">
[wpv-item index=1]
<div class="row ">
<div class="col-md-12">[wpv-post-body view_template="loop-item-in-banner-business-slider"]</div>
</div>
[wpv-item index=other]
<div class="col-md-12">[wpv-post-body view_template="loop-item-in-banner-business-slider"]</div>
[wpv-item index=pad]
<div class="col-md-12"></div>
[wpv-item index=pad-last]
<div class="col-md-12"></div>
</wpv-loop>
<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
[/wpv-no-items-found]
[wpv-layout-end]
loop
<div id="banner-business-slider">
<div class="container-fluid">
<div class="row-fluid">
<div class="col-md-12">[types field='externalurlimg-banner'][/types]</div>
</div>
</div>
</div>
css
#banner-business-slider {
padding-top: 20px;
}
issues etc.
1. It doesn't actually loop. - but that we can deal with later. - If I have to create a new ticket I will.
2. One of the images isn't showing up and I have no idea why, I am using RFG views to populate the images so at this point anything is possible. - again I can deal with that. - the looping is more pressing than this.
3. It is in the fusion builder 1/2 container while the text is in another 1/2 container. It took a while but I figured out to set the col. at 12. - this was success to me. figuring out how the cells worked in this application.
4. I do not like how it looks on my phone but at least you can see the entire business card vs it being cut off when the fusion slider itself was being used. - Not sure if it's because of this view settings or something else.
5. I really really hate how the 1 vertical business card blows out the slider to the bottom. if it was going to blow it out I would rather the text moved to the center but I might go back and change the images to having borders.
6. Notice the padding. the image went to the top line this time - ugh. after A LOT of tinkering I did manage to pull it down a bit. Using the id for the first div did that. But it still wasn't center. I tried to use margin like you did BUT, it blew out the size of the container which I didn't like. - The fact I figured this out was success to me.
So Question - should I put a <div id=" "> on all bootstrap views? I guess this makes sense to me but part of the reason for my confusion is when any documentation on bootstrap is created it is as though they skip the first step or maybe more. It also seems like the applications I need are no where to be found. In General toolset NEEDS way more step by step videos and UP TO DATE videos. If not on your site then this is definitely a Youtube opportunity. Seriously. We are not all developers and toolset is way too complicated. Anyway.
I also put it in a page where the ONLY thing on it is the very top fusion builder container I want to use on the pages. Which is the link provided. ( hidden link )
When I added it to the home page the vertical centering was off and it pulls to the bottom again. I am sure it has something to do with what ever else is on the page. but I am working my way down the page's containers so I am hopeful it will come together.
here is a link to the home page:
hidden link
This means the Introduction is next in line for the fixing. - so as I typed this I decided to look at the view we have been working on in a "clean page" here is the link to the new page. - It is still on the original page.
hidden link
I did add the border to see how it aligned to it easier. I see it is off the border that is great!!! I am happy with how the spacing is around the content in general.
1. don't understand why the second container is blowing out past the first. - either way on this IF I was able to use a boarder I wouldn't want the line in between the posts but rather around the entire outside. - If I have to I will go with out the border on this one. but I will definitely want it on others. The other thing is if that blow out causes the entire outside (left and right) to be bigger than needed I would like that cuz it will change the proportions of the content sitting in the container.
2. This one is really my next issue with bootstrap grid. the right hand column - I want that text to be vertically center and it isn't. At this point I have not tinkered with any coding for this. I only removed a <br> I had before the title and added the border css for testing.
I know there is a lot here, I have been working non stop on this for the good or the bad for over a week. Hopefully there will be forward progress. At this point I am more concerned about how each bootstrap grid works individually and how to style them so they do not overlap their styling to other grids, and I get the function and look I want. I am literally going through every piece of content and redoing them for responsiveness.
Thank you again, I really really appreciate it.
Lori
