文本移动到Bootstrap面板中的下一行

Question

我附上了bootstrap面板的屏幕截图（重复）。第二个文本段落（Taj）显示在下一行，因此人字形样式（填充顶部：50％）不会与面板的确切中间（或中心）对齐。如何解决此问题？

另外，我需要在鼠标悬停时将正文和雪佛龙的颜色设置为蓝色。

我怎样才能做到这一点？

＆＃13;

＆＃13;

.chevronAtRight{
	font-size:20px;
	padding-top:80%;
}
.hoverChevronFont{
	color:#49B4E8;
	font-family: 'Avenir', 'Helvetica', 'Arial';
	font-style: 'Book';
}

＆＃13;

<p class="panelTextFont14 panelText" ng-attr-title="{{reservation.resortName}}">
										{{reservation.resortName}}
									</p>

...

<div class="col-xs-1 col-sm-1 col-md-1">
									<p><i class="glyphicon glyphicon-chevron-right pull-right chevronAtRight"></i>
									</p>
								</div>
...

＆＃13;

＆＃13;

＆＃13;

Answer 1

改变人字形的颜色：

.glyphicon:hover {
   color:#49B4E8; 
}

但是要更改所有正文文本的颜色，你需要使用jquery onmouseover。

对于中锋来说，雪佛龙尝试这样的事情：

.vcenter {
   display: inline-block;
   vertical-align: middle;
   float: none;
}

在你的HTML中：

<div class="col-xs-1 col-sm-1 col-md-1 vcenter">