Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I have been examining THIS this for a while and decided to test on it. If you scroll lower, you'll find a section that mentions 'High quality'.... I have made a similar div, and want to do something similar, but each time it turns out like THIS (ignore the golden colour) - What might the code be to fix this small issue?
By align, I assume you mean float. If you look at their markup, you'll see that they're using Bootstrap and the alignment is handled using its in-built Grid System, for example:
<div class="row">
<div class="col-sm-4 col-lg-4 column"></div>
<div class="col-sm-4 col-lg-4 column"></div>
<div class="col-sm-4 col-lg-4 column"></div>
</div>
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 1 year ago.
Improve this question
I have a div in which numbers are squeezing when numbers are reaching more than 100 thousand like 11295551.25
<div class="col-2 text-right pr-0 "><%# Eval("CreditLimit", "{0:c}").ToString().Replace(".", ".</div><div class='col-1 pl-0'>") %></div>
My bootstrap class is creating problem, i need to rectify that.here is booststrap col-2 which is creating problem.
col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;word-wrap: break-word}
You should use CSS attribute word-break as following:
word-break: break-word;
on your CSS class col-currency because it,s about displaying money.
Hopefully, you will be good with this approach, let me know if it helps you out!
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I'm having some problems with my bootstrap columns, please check this screenshot to see what I'm talking about.
http://prntscr.com/9g11ua
Shouldn't the columns be inline?
go one line before the problematic column and add this:
<div class="clearfix visible-<the size of the column>"></div>
for instance: let's say that the problem happens when the size of the column(lg-6) goes from lg to md then you need to put the problematic situation like so:
<div class="clearfix visible-sm"></div>
let me know if it worked :)
Have you added padding to children of first div having col-lg-6 class?
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
So, I am coding website and I have a toolbar with links and some text floating to he left and the container (the class names toolbar-container) has a border on the bottom but the border is crossing through the text. I want everything to look the same, but I want the border below. The repository containing all the code is at: https://github.com/DigitalBlast/Digital-Blast/
HTML:
<div class="toolbar-container">
<div class="toolbar-container-logo">
Digital<span class="toolbar-container-logo-sub">Blast</span>
</div>
<div class="toolbar-container-home" onclick="window.location.href='home/index.html'">
<h4>Home</h4>
</div>
<div class="toolbar-container-software" onclick="window.location.href='software/index.html'">
<h4>Software</h4>
</div>
<div class="clear-left"></div>
</div>
CSS:
.clear-left {
clear: left;
}
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 7 years ago.
Improve this question
I have the following layout. I can't use navbar, so instead I used the Grid system and gave it background.
How can I make this layout responsive? How can I leave spaces between the divs inside my container (e.g. searchbox)? Are there any helper classes in the Bootstrap framework that allow me to achieve this?
You can add margin to the <div> tags inside a container or row, but Bootstrap was designed for responsive web apps. So unless you come up with a way of defining your margins not as literalls, but based upon the screen size, it won't be as reponsive as you might wish it to be. Also, please avoid altering the margin of something with the class container, row or col
My recommendation. On the div with col-lg-7 or whatever the number might be, include another row, so that you can organize the layout in whatever way you need. If you want to leave a certain space betweeen elements, use 'col-lg-offset-x' according to your needs; with 'x' being the amount of spaces you want between elements. This will too sum up to 12.
Let me give you an example
<div class="row">
<div class="col-lg-2">
<!--Whatever you want to include here-->
</div>
<div class="col-lg-3">
<!--Whatever you want to include here-->
</div>
<div class="col-lg-7">
<div class="row">
<div class="col-lg-offset-2 col-lg-4">
<!--Whatever you want to include here-->
</div>
<div class="col-lg-offset-1 col-lg-5">
<!--Whatever you want to include here-->
</div>
</div>
</div>
</div>
You will need to add the col-md-x, col-sm-x and col-xs-x classes to fit your needs.
I hope it helps.
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 9 years ago.
Improve this question
this is my second project on bootstrap still I'am not enough familiar with it.
I don't post my codes here and I will give you the url to the testing site. I think it is not a wrong thing to do.
the problem in the site is when I'am re sizing the window width all the text boxes are re sizing like responsive sites. but the thing the height.
my english is not good enough to explain the thing very well. so please try minimizing the browser window. then you will understand my issue.
and the marquee area also having some issues.
enter link description here
Instead of having all equal width like your present code
<div class="col-xs-6 col-md-6 col-sm-6 thumbnail mybox1"> Computer Courses </div>
You can modify the width when the browser width decreases like
<div class="col-xs-4 col-md-6 col-sm-4 thumbnail mybox1"> Computer Courses </div>
This will result in having 6columns in normal screen and 4columns in smaller screens, u can change the columns by trial and error and check which suits best