With Bootstrap 3 added, there is a code:

```
<style>
div{
text-align:center;
}
div > div {
border:1px solid green;
    display:inline-block;
}
</style>
<div class="col-xs-6 col-sm-12" style=" border:1px solid red;">
    <div>aaaaaaa text1</div>
    <div>bbbbbbbbbb text2</div>
</div>

```

[or see it in jsFiddle here](http://jsfiddle.net/DTcHh/3894/)

The text should centered and be in one line for the width of 768+px and be centered and in two lines (`bbbbbbbbbb text2` below `aaaaaaa text1`) for 767px or less.

Is it possible to do it with pure Twitter Bootstrap classses properly?

I probably should mention that the problem with the code above is that for very very small width the text becomes in four lines (bad!) although the width allows to make it wider. It is needed to be in two lines, not four as much as possible. Also, it stops to be centered for 767-px.