Materialize CSS – Select Doesn't Seem to Render

I am currently working with materialize CSS and it seems I’ve gotten snagged with the select fields.

I’m using the example provided from their site but unfortunately it it’s rendering in the view whatsoever. I was wondering if someone else might be able to help.

What I am trying to do is create a row with 2 end spacers that provide padding – then within the inner two row items there should be a search text input and a search select dropdown.

This is the example I’m working from:

Thank you in advance.

Here is the snippet of code in question.

<div class="row">
<form class="col s12">
    <div class="row">
        <div class="input-field col s2"></div>
        <div class="input-field col s5">
            <input id="icon_prefix" type="text" class="validate" />
            <label for="icon_prefix">Search</label>
        <div class="input-field col s3">
            <label>Materialize Select</label>
                <option value="" disabled="disabled" selected="selected">Choose your option</option>
                <option value="1">Option 1</option>
                <option value="2">Option 2</option>
                <option value="3">Option 3</option>
        <div class="input-field col s2"></div>

12 thoughts on “Materialize CSS – Select Doesn't Seem to Render”

  1. 674539 867028hello!,I actually like your writing really a whole lot! percentage we keep up a correspondence extra about your post on AOL? I want an expert on this location to unravel my problem. May be that is you! Taking a appear forward to peer you. 365572

  2. 640628 972686Why didnt I consider this? I hear exactly what youre saying and Im so pleased that I came across your weblog. You really know what youre talking about, and you made me feel like I really should learn far more about this. Thanks for this; Im officially a huge fan of your blog 297644


Leave a Comment