Is there a way to create a deeper tree using the vertical nav? Using the clr-vertical-nav-group and clr-vertical-nav-group-children Im only able to go as far as the first layer deep. I want to be able to have 3 or for more layers like this..
section 1
subsection 1
content 1
subsection 2
content 2
section 2
subsection 1
content 1
subsection 2
content 2
Related
I am working on a presentation using R Markdown and ioslides
and I wonder what is the most complete way of controlling the
layout of a particular slide or set of slides.
I already tried things like:
## Title {.columns-2 .smaller}
item 1
item 2
item 3
<p class="forceBreak"></p>
item 1
item 2
item 3
but I need a more general way of controlling the layout
including the position and margins of figures, text, titles
and R plots.
After a long search, I couldn't find the information I need.
Could you suggest me a reference or a link?
http://www.bootply.com/ySKc5Jc7B4
The initial arrangement is:
1 2 3
4 5 6
If I now gradually decrease the window's size then the grid suddenly jumps to:
1
2
...
6
I would like to have an intermediate step with two columns:
1 2
3 4
5 6
I assume this behaviour is called fluid(ity) - hence I tried the container-fluid class for the container div. But that didn't do it and furthermore messed with the initial grid sizing.
Is it possible to make a grid behave in such a sensible way?
(I'm pretty new to Twitter Bootstrap (3))
Sure. You just need to change the class names on your tiles.
Go from col-md-4 to a combination like col-lg-4 col-md-6 col-xs-12. What that's telling it to do is:
For large screens, take up 4 of 12 columns.
For medium screens, take up 6 of 12 columns.
For very small screens, take up 12 of 12 columns.
Hope that helps.
Example here
In ColorBox, is it possible to control the order that photos appear within a grouped (rel="group") gallery?
Unfortunately, due to the layout of my page, photos appear in vertical columns, which need to be grouped horizontally. So the links are output in vertical order in the html, ie:
1 4 7
2 5 8
3 6 9
...but need to be displayed as...
1 2 3
4 5 6
7 8 9
What I need to be able to do, is to override the natural order, sort of like a tabindex, ie:
rel="group[1]"
rel="group[4]"
rel="group[7]"
rel="group[2]"
rel="group[5]"
rel="group[8]"
rel="group[3]"
rel="group[6]"
rel="group[9]"
Is this possible?
Sorry, I can't think of any easy way to do this. Colorbox's ordering is controlled by DOM placement and there isn't a way to alter that outside of editing the plugin. The easiest thing to do would be somewhat ugly: create a duplicate set of DOM elements in the correct order and assign colorbox to them instead (this could be done with JS and they could have their display set to none so they are hidden from the visitor). Then use the original links to trigger colorbox on the duplicate link that shares the same href value.
No JS, please, just pure CSS. Horizontal, drop down, with sub-menus beyond that
item 1 item 2 item 3 item 4
hover item 2
item 1 item 2 item 3 item 4
option 1
option 2
option 3
I want to hover over option 2 and get
item 1 item 2 item 3 item 4
option 1
option 2 choice 1
option 3 choice 2
choice 3
Must work in MS IE 7+ (other browser a bonus, probably a given). Thanks
Check out http://www.cssplay.co.uk/menus/final_drop.html
Ive used Project7.coms css library/technique fairly successfully. An example of its application can be found on my small company's website (I apologize for using/ plugging my own site) but it is the only time I've used this library.
I'm working on a wordpress site that is going to have multiple children. Along the lines of:
Parent 1
Child 1
Child 2
Grand Child 1
Grand Child 2
Child 3
Parent 2
Child 1
Child 2
Grand Child 1
Grand Child 2
Child 3
Is there a really easy way to generate this in wordpress?
In page attributes, you can do this by default.