twitter-bootstrap


Don't change alignment a div when change number of paragraph line's


I have a small issue whit div alignment.
In a paragraph, when increase number of line, alignment of div is too bad.
I think problem solved whit 'if' statement in sass, but I don't know what to do!!
Can anyone help me?
image of problem
<div class="row content text-center">
<div class="utility">
<a href="#">
<div class="thumbnail custom-thumbnial">
<img src="img/icon1.png">
<div class="caption"><p>aaaaaaaaaaaa</p></div>
</div>
</a>
<a href="#">
<div class="thumbnail custom-thumbnial">
<img src="img/icon2.png">
<div class="caption"><p>aaaaaaa</p></div>
</div>
</a>
<a href="#">
<div class="thumbnail custom-thumbnial">
<img src="img/icon3.png">
<div class="caption"><p>aaaaaaaa</p></div>
</div>
</a>
</div>
</div>
=========
css:
.content {
background: -webkit-linear-gradient(#27AFFD, #1674A8); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#27AFFD, #1674A8); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#27AFFD, #1674A8); /* For Firefox 3.6 to 15 */
background: linear-gradient(#27AFFD, #1674A8); /* Standard syntax (must be last) */
padding-right: 1%;
height: 60vh;
diaplay: flex;
.custom-thumbnial {
background: url(../img/icon-bg.png);
background-repeat: no-repeat;
background-position: center;
border: none;
box-shadow: none;
margin: 0 20px;
.utility {
position: relative;
}
img {
padding-top: 47%;
}
.caption {
color: $color11;
word-break:break-all;
}
}}

Related Links

aria-hidden=true give no effect in bootstrap
Dynamic Tabbed UI with Ember.js
Better Solution for DVD Menu
Bootstrap popover custom template not work
Adding dropdown in table head bootstrap 3
Request.File is Empty MVC 4
How do I use Bootstrap's Affix.js and Scrollspy within a modal?
How bootstrap-table to use search and filter?
Bootstrap Navbar toggle button not working
ember-cli unit test - controller opens bootstrap modal
X-Editable issue with DataTables
Bootstrap 3 nav-pills not working
Ion Auth and Bootstrap Modals
How to make both div height same when combining rows in Bootstrap
Bootstrap displays right on resize but not on smartphone
Create accessible dropdown lists in Bootstrap3

Categories

HOME
gulp
stanford-nlp
windows-server-2008
reference
readdir
hex
mingw
google-docs-api
checkpoint
travis-ci-cli
python-3.4
open-search-server
promotions
yacc
sahi
kairosdb
mamp
desktop-application
oxid
cakephp-2.0
webseal
responsive
amazon-data-pipeline
windows-phone
beacon
gpo
inline-assembly
csproj
ocl
machine-code
wit-ai
lex
java-5
quartz
text-extraction
smooth-streaming
reqif
nao-robot
import.io
flask-socketio
ear
fckeditor
kendo-scheduler
androiddesignsupport
programming-pearls
nsalert
scrollmagic
firebase-polymer
mate-desktop
objectify
hfp
razorengine
salesforce-service-cloud
factorization
jsondoc
sqldataadapter
dynamics-nav-2013
jcomponent
android-togglebutton
properties-file
autoscaling
vspackage
fileinputstream
waterline
teamwork
nfa
pymol
alpha-beta-pruning
pysvn
aiff
frisby.js
powerpoint-2010
agent-based-modeling
banana-pi
rda
sigma-grid-control
sqldatasource
carrier
nomachine
mysql-error-1146
complete
surfaceview
ojb
caroufredsel
pyxplot
panelgrid
select2-rails
cocotron
nx
ftpwebrequest
ncml
rfc822
custom-cursor
aspmenu-control
flatten
joomla1.7
ruby-1.9
copyfile
utm
session-hijacking
lwp
nyromodal
numerical-computing
helios
calendarextender
dojox.gfx
moores-law
stackless

Resources

Database Users
RDBMS discuss
Database Dev&Adm
javascript
java
csharp
php
android
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App