1
I’m trying to use Bootstrap’s Grid System, but I can’t. I read those two questions: How the grid system works?, Spacing with bootstrap columns. I followed exactly what was answered, but it still doesn’t work. Render one and lower the other, not next to.
Should I really render like this? What am I doing wrong?
Follows code: Js Fiddle - Grid System
1
Did you import the CSS files from Bootstrap? (I couldn’t find it in your example)
Twitter Bootstrap works with a CSS that contains a collection of classes and mixins to aid development.
If you still don’t know how to use it, just import the file bootstrap.min.css and bootstrap.min.js in your HTML so that all components work perfectly. These are found for download on the tool’s own website: getbootstrap.com
Browser other questions tagged html twitter-bootstrap
You are not signed in. Login or sign up in order to post.
Yes @Diego Lopes Lima, imported as follows.
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">– Franck Costa
@Franckcosta Is pointing to the correct location of the style sheet?
– Laerte
If you are testing directly in jsFiddle the explanation for breaking line may be just the size of the frame on which the script is running. I just edited your script and when I crave the size of the result frame it behaves perfectly. http://jsfiddle.net/ghpVa/3/ 
.
– Diego Lopes Lima
@Diego Lopes Lima I’m using locally, I’m not using Jsfiddle to test Bootstrap.
– Franck Costa
There really isn’t why it doesn’t work then. In this example that I edited is working perfectly, I believe that it could only give some error if the import of the files returns error 404, or permission to read the file...
– Diego Lopes Lima
@Laerte these are the paths of my files.
Pasta Raiz: C:\Users\inhome\Desktop\IE\testBoot,index: C:\Users\inhome\Desktop\IE\testBoot\index.html,BoostStrap: C:\Users\inhome\Desktop\IE\testBoot\bootstrap,href: <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">, When adding the classcontainerit assigns the margin as explained in the documentation, however, does not change anything when placingrowand then as a soncol-md-?– Franck Costa
What is the pixel width of your monitor?
– Diego Lopes Lima
@Diego Lopes Lima 1280X1024,this is the resolution.
– Franck Costa
I can’t say for sure, but if your viewport is 992px wide or less, Bootstrap breaks the columns from this width. You can check?
– Diego Lopes Lima
@Diegolopeslima I will check and I will answer you, if the information is useful, when using the
class="span6", he leaves one side of the other.– Franck Costa
So I know, you are probably using version 2 of Bootstrap, download version 3 (the most current), because some classes were changed in this version.
– Diego Lopes Lima
If you want to continue with version 2, please use this documentation: http://getbootstrap.com/2.3.2/
– Diego Lopes Lima
@Diegolopeslima now worked, was the version problem even, now this side by side, I am very grateful for the help of all.
– Franck Costa