I am pretty new in Twitter BootStrap and I am going crazy trying to do the following thing related to this JSFiddle example: https://jsfiddle.net/AndreaNobili/DTcHh/11406/
So, in the previous example, I have this row:
<div class="col-md-4"> <div class="row"> <div class="col-md-10" style="text-align: right !important;"> <p>TEST</p> </div> <div class="col-md-2"> <i class="glyphicon glyphicon-home"></i> </div> </div> </div>
So I correctly obtain a row that contains 2 columns: a bigest one on the left for the text and a smaller one on the right for an icon.
As you can see in the JSFiddle the problem is that I want to align the text on the right so I will have that it is near the icon but I can’t do it.
As you can see I done:
<div class="col-md-10" style="text-align: right !important;">
but I still obtain that the text is on the left of its container.
Why? What am I missing? How can I fix this issue and align the text on the right near my icon?