Bootstrap 3, wie deaktiviert automatisch hinzugefügtes Glyphicon?

Ich benutze Bootstrap (v3) mit Drupal 8. Wenn ich eine Schaltfläche mit dem Namen "Suche etwas" erstellen, fügt Bootstrap automatisch ein "Search" Glyphicon hinzu. Ich mache einige Websuchen, aber ich finde nicht, wie man das "search" automatisch hinzugefügte Glyphicon meines Knopfes "sperrt" (oder versteckt).Bootstrap 3, wie deaktiviert automatisch hinzugefügtes Glyphicon?

Wenn ich eine Probe Submit-Button aus einem Formular Klasse benutzerdefinierten Modul:

public function buildForm(array $form, FormStateInterface $form_state) { 
... 
$form['submit'] = [ 
    '#type' => 'button', 
    '#value' => 'Search something', 
];

Wenn ich auf die Seite gehen, wo es meine Form ist, haben Sie die Taste automatisch eine Lupe glyphicon:

Ich möchte meine Schaltfläche ohne Glyphicon anzeigen, wie kann ich das tun? Ich muss meinem Button eine Klasse hinzufügen? welche ?

Vielen Dank!

Quelle

2016-10-22 user2137454

hilft können Sie Ihren Code teilen ..? nach meinem Wissen, wenn Sie nicht die Glyphicon-Suche der Klasse glyphicon hinzufügen, wird die Schaltfläche nicht in glyphicon Suche geändert. es ist ein normaler Knopf .. –

Ich aktualisierte die helle Version meines Codes :) – user2137454

können Sie den HTML-Teil der Seite überprüfen ... –

Hier ist ein Beispielcode für "glyphicon glyphicon-search". Überprüfen Sie die Klassen, die der Schaltfläche hinzugefügt wurden, sie können nicht automatisch hinzugefügt werden - es gibt nichts Magisches.

Hope this ..

<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 

 
<!-- Optional theme --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 
 

 
<p>normal button without Glyphicon icon: <span class="btn btn-default">button </span></p> 
 

 
<p>Search icon: <span class="glyphicon glyphicon-search"></span></p> 
 

 
<p>Search icon on a button: 
 
    <button type="button" class="btn btn-default"> 
 
    <span class="glyphicon glyphicon-search"></span> Search 
 
    </button> 
 
</p> 
 

 
<p>Search icon on a styled button: 
 
    <button type="button" class="btn btn-info"> 
 
    <span class="glyphicon glyphicon-search"></span> Search 
 
    </button> 
 
</p>

Quelle

2016-10-22 18:30:33

Bootstrap 3, wie deaktiviert automatisch hinzugefügtes Glyphicon?

Antwort

Verwandte Themen