I made my own block to use in parallax1. This works well enough but when I write bootstrap literally instead of using shortcodes there is a problem.
In the block around the text I added:
Then the text ....
Pretty simple. I wanted to use bootstrap columns and offset for proportional padding. It seems to work fine but then the problem is that when squeezed down to xs size the typical left and right margins are not there, the text is right up against the edge. I see that it's already in a single container, though its a custom dexp-container. My row seems to be within a column within a row so that should be ok.
So the question is, what is needed to be done to use bootstrap? without shortcodes, so I can use other bootstrap classes like -offset?
Yes I can just write some css another way, with percentage padding. I can write media queries. And I probably will. But it would be nice to know how to use standard bootstrap within your system.
Thanks
Matt
It turns out it was not about using bootstrap classes versus short codes. I tried 3 columns using your short codes and I still see the problem in all screen sizes for that region - parallax01. I am not seeing yet what the problem is yet, there seems to be the right combo of rows and col- classes. So far I hacked a patch by adding a div with class anti-row. --> .anti-row{margin-left:15px; margin-right:15px;} .
There is an extra, or uncompensated, -15px left and right margins.
I think you are using wrong column shortcode, could you send me the shortcode that you are using on your site?
Regrading to column shortcode, please see my example below:
[column cols="4" begin="1"] your text [/column]
[column cols="4"] your text [/column]
[column cols="4" end="1"] your text [/column]
It's possible, editing in drupal body fields is a pain, but I think the short codes are fine. I found this problem when I used either bootstrap or short codes. Here I am using both (bootstrap embedded row inside a short code column to use offset). You can look at the site here: devbhp.blackhammer.com/videolube - source follows (I assume the extra
s added to the short codes by drupal are not a problem):
[column cols="4" begin="1"] your text [/column] [column cols="4"] your text [/column] [column cols="4" end="1"] your text [/column]
s added to the short codes by drupal are not a problem):
[column cols="4" begin="1"]
heading
• bullet
• bullet
• bullet
• bullet
[/column] [column cols="4" begin="0" end="0"]
heading
• bullet
• bullet
• bullet
[/column] [column cols="4" end="1"]
heading
side textredtext - bluetext
[/column]