Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
This is the link
http://avocat2.dac-proiect.ro/
This is a WP theme made by me
I want to put two div sites in line with bootstrap.
I tried to implement this example on my website but unfortunately are placed one above the other.
http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_grid_large&stacked=h
You need to do something special?
Why does not it work?
Thanks in advance!
You want a two column layout correct?
Try this
<div class="container">
<div class="col-md-8">
Blog content go here
</div>
<div class="col-md-3">
Side panel go here
</div>
</div>
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 months ago.
Improve this question
Is it possible to have a page that opens with 6 box items as nav menu, but when one is clicked to go to that area on the page, the nav becomes a standard fixed nav bar at the top of the page? Using only CSS (no JS).
I am a VERY junior coder.
I have been unable to find this to be possible thus far.
Everytime a link or a tab in the nav is clicked,a new webpage is reloaded. New webpage means a new html file and create a new css file to link with it according to the design u want there, yes doing position absolute and top 0; will solve the problem there to stick the navbar position at top.
I hope this helps, please feel free to ask me further !!
you can use id and callback(#) that id as a link
<div class="navbar">
<ul> page 1 </ul>
<ul> page 3 </ul>
</div>
<h2 id="page1">this is page 1</h2>
<h2 id="page3">this is page 3</h2>
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I have problem in creating columns in bootstrap. Screenshot is attached, please tell me how to achieve this.
I want to make it responsive
bootstrap provides a 12 col grid, so if you want a col with 100% width you can use .col-md-12 if you want to have 3 cols you can achieve it like this:
<div class="container">
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
4 because 12/4 = 3 for 3 columns :)
also take a look at: http://getbootstrap.com/examples/grid/
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I'm trying to apply CSS transition effect when an element comes to viewport (i.e. when user scrolls to it), but not before.
I already know how to use CSS transitions, but how do I apply them only when the element comes to viewport?
What it the best way of doing this? If there's some library's to simplify the task, I would be glad to know.
Give CSS3 Animate It a go, makes the whole process as simple as adding a few clases.
http://jackonthe.net/css3animateit/
Then you can just add the classes like this to get started.
<div class='animatedParent'>
<h2 class='animated bounceInDown'>It Works!</h2>
</div>
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
With the new bootstrap thingy, is the left / right floated sidebar part of the past, since it can be reproduced with a grid layout now?
I do usually something like this:
<div class ="row">
<div class="col-sm-8 col-md-9">
<article>...</article>
<section class ="comments">...</section>
</div>
<div class="col-sm-4 col-md-3">
<aside>...</aside>
</div>
</div>
There are also still semantic approaches like the semantic grid. But I think that while .row and .col might semantically not be very expressive when it comes to their content, they are just very easy to use and if you used them once, you grasp their meaning very quick even without looking at the styles or the rendered page.
As styling regardless of structure is still not possible and probably never will be, I think that this might be a good middle ground. You have access to very easy to use grid-system like the one of bootstrap and you still have elements, which describe what 'semantic' meaning the content placed inside the grid is considered to have.
To tackle your question directly: From what I see everyday in the web-industry, 'non-semantic' grids (imho its just another kind of semantics, which you can mix easily if you have a set of clear rules, when to use what) grew enormously popular, because they are the easiest way to tackle many if not most responsive layout-problems. Other approaches still exist. But as it stands for the standard layouts in the form of header nav, content, sidebar I think yes, grids have taken their place at least to a big extend and you see them less everyday.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I am editing a forum layout consisting of a left-side wide area and a right-side narrow sidebar. The left-side area also has content blocks attached at the bottom. I am trying to add additional blocks to the sidebar, but that messes up the bottom content blocks on the left side.
This is the code I'm adding:
<div class="rt-block>
<div class="module-surround">
<div style="background-color:#FFFFFF;">
My content
</div></div></div>
I am simply cloning existing elements already present in the sidebar and adding an extra box, and it's breaking the left side. Any idea what I'm doing wrong?
You aren't closing the quotes on <div class="rt-block>