Зараз я оновив bootstrap 3.0. І тег "a", який виглядає як btn (за допомогою класу .btn), руйнується на панелі навігації.
<li>
<a href="<?php echo BASE_PATH; ?>register.php" class="btn btn-primary btn-sm">
<?php echo "<strong>" . _('Bayilik Başvurusu') . "</strong>"; ?>
</a>
</li>
Але це працює неправильно. Bootstrap змінив систему, я думаю.
Відповіді:
Оберніть <p class="navbar-btn">навколо <a class="btn">:
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<ul class="nav navbar-nav">
<li>
<p class="navbar-btn">
<a href="#" class="btn btn-default">I'm a link button!</a>
</p>
</li>
</ul>
</div>
</nav>
JSFiddle: http://jsfiddle.net/lachlan/398kj/
Знімок екрана:
btn-blockйого, вирівнює текст центрально, тому він не відповідає іншим посиланням.
Тепер у bootstrap 3 на панелі навігації є такі кнопки:
<button type="button" class="btn btn-default navbar-btn">Sign in</button>
Він використовує, navbar-btnщоб знати, що він знаходиться на панелі навігації.
Якщо ви хочете, щоб це працювало, зробіть наступне:
<li>
<form action="#">
<button class="btn btn-default navbar-btn">Link</button>
</form>
</li>
Таким чином, він все ще діє як прив'язка. Просто змініть #значення, на яке ви насправді хочете, щоб воно перейшло.
Отже, для цього випадку:
<li>
<form action="<?php echo BASE_PATH; ?>register.php">
<button class="btn btn-default navbar-btn">Link</button>
</form>
</li>
/appURL-адресою результату /app?(зверніть увагу на додатковий знак запитання).
За допомогою bootstrap 3 все ще можна отримати <a>посилання, що відображається як кнопка, але їх потрібно включити в <form>. Крім того, <a>слід включати navbar-btnклас.
<li>
<form>
<a href="#" class="btn btn-primary btn-sm navbar-btn">
register
</a>
</form>
</li>
<div>твори, замість <form>яких не є семантичним. Головне не в тому, щоб aстворити безпосередню дитину <li>.
Проблема полягає в тому, що селектор для стилювання прив’язки на панелі навігації має: .nav > li > aце означає, що він має вищий пріоритет, ніж .navbar-btn.
Виправити це можна, просто загорнувши його в інший тег, як проміжок часу. Я не думаю, що вам слід використовувати тег форми, як пропонують інші, оскільки це зовсім не форма.
http://learnangular2.com/events/
ОБ'ЄКТ ПОДІЇ
Щоб захопити об’єкт події, передайте $ event як параметр у зворотний виклик події з шаблону:
<button (click)="clicked($event)"></button>
Це простий спосіб змінити подію, наприклад виклик prevenDefault:
@Component(...)
class MyComponent {
clicked(event) {
event.preventDefault();
}
}