VPF::bootstrap табличка с данными - добавить кнопку

mstdmstd

Дата 15.3.2016, 15:36 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

Репутация: нет
Всего: нет

Всем привет,
есть небольшая bootstrap табличка с данными

Код


                                <div class="row">
                                    <div class="panel panel-primary filterable">
                                        <div class="panel-heading">
                                            <h4>Featured/Active Hostels</h4>
                                        </div>
                                        <table class="table">
                                            <tbody>
                                            {% for nextHostel in HostelsList %}
                                                <tr>
                                                    <td>{{ nextHostel.username}}->{{ nextHostel.name }}</td>
                                                    <td>{{ nextHostel.created_at|date("m/d/Y g:ia")}}</td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

И все бы хорошо пока я не захотел справа от заголовка добавить кнопку "Add", вроде :

Код


                                            <span class="col-xs-9 col-md-9">
                                                <h4>Featured/Active Hostels</h4>
                                            </span>
                                            <span class="col-xs-3 col-md-3" >
                                                <a href="#" class="btn btn-success btn-lg" role="button">Add</a>
                                            </span>

Получилось криво - полоса заголовка сузилась и надпись не видна. А как правильно?

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »