javascript - 我如何将菜单放在 Bootstrap 面板的左侧?

标签 javascript css node.js bootstrap-modal

我正在尝试将菜单留在购物车中,我使用此代码

{{> 菜单2}}

但是不行

{{> menu2}}

<div class="form-horizontal">
<div class="form-horizontal" class="row">
	<form action="/search2" id="search_form" method="post">
		<div class="col-md-55 col-md-offset-2 col-lg-8 col-lg-offset-2 search-bar">
            <div class="col-md-02">
                <div class="search-bar-input input-group">
                    <input type="text" name="frm_search" id="frm_search" class="form-control input-lg" placeholder="Search the shop">
                    <span class="input-group-btn">
                        <button class="btn btn-success btn-lg" id="btn_search" type="submit">Search</button>
                        <a href="/" class="hidden-xs btn btn-warning btn-lg"><i class="fa fa-times" aria-hidden="true"></i></a>
                    </span>
                </div>
            </div>
		</div>
	</form>
</div>
















	
</div>
<div class="row">	
	<div class="col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
        {{#if filtered}}
            <div class="product-layout left-pad-30 col-md-12">
                <strong>Showing results for: {{search_term}}</strong>
            </div>
        {{/if}}
        <div class="product-layout col-md-12">
            {{#ifCond results.length '==' 0}}
                <div class="col-md-12">
                    <p class="text-danger">kamehameha</p>
                </div>
            {{/ifCond}}
            {{#each results}}
                <div class="col-md-3">
                    <div class="thumbnail">
                        {{#if product_permalink}}
                            <div class="product_wrapper">
                                <a href="/product/{{this.product_permalink}}">
                                    <div class="vertical-center thumbnail-image-container">
                                        {{#if product_image}}
                                            <img class="img-responsive" src="{{this.product_image}}" alt="...">
                                        {{else}}
                                            <img class="img-responsive" src="/uploads/placeholder.png" alt="...">
                                        {{/if}}
                                    </div>
                                    <h3 class="product-title product-title-home top-pad-10">
                                        {{this.product_title}}
                                    </h3>
                                </a>
                            </div>
                        {{else}}                     
                            <a href="/product/{{this._id}}">
                                <div class="vertical-center thumbnail-image-container">
                                    {{#if product_image}}
                                        <img class="img-responsive" src="{{this.product_image}}" alt="...">
                                    {{else}}
                                        <img class="img-responsive" src="/uploads/placeholder.png" alt="...">
                                    {{/if}}
                                </div>
                                <h3 class="product-title product-title-home top-pad-10">
                                    {{this.product_title}}
                                </h3>
                            </a>
                        {{/if}}
                        <h3 class="product-price text-center">
                            {{format_amount product_price}}
                        </h3>
                        <p class="text-center">
                            <a class="btn btn-primary add-to-cart" data-id="{{this._id}}" role="button">Add to cart</a>
                        </p>
                    </div>
                </div>
            {{/each}}
        </div>
	</div>










</form>

</div>

{{#if editor}}
    <script src="/javascripts/markdown-it.min.js"></script>
    <script src="/javascripts/markdown-editor.js"></script>
{{/if}}



[![enter image description here][1]][1]

我的面板在购物车的上方

请帮帮我

请帮帮我

enter image description here

最佳答案

我解决了我提出的问题 {{> menu2}} 在

之后
    <div class="product-layout col-md-12">
      {{> menu2}}
        {{#ifCond results.length '==' 0}}
            <div class="col-md-12">
                <p class="text-danger">kamehameha</p>
            </div>

        {{/ifCond}}
        {{#each results}}

enter image description here

没有文本的复选框不是错误,我仍然必须添加文本

关于javascript - 我如何将菜单放在 Bootstrap 面板的左侧?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41165904/

相关文章:

node.js - 将 MERN 应用程序部署到 Azure 中,一直使用 "localhost"在本地运行

javascript - JS/ECMAScript6 私有(private)字段的模式与 let?

javascript - 我如何找到 JavaScript 函数在 Firefox Quantum 调试器中的定义位置?

javascript - VueJS 2 个输入过滤器组

javascript - 悬停弹出窗口如此快速地闪烁

css - Html 本地文件中的字体

css - ionic : how to center text in a card body and align

javascript - 以分钟为单位比较两个时间戳 JS

html - 在同一行中并排对齐文本字段和按钮

node.js - 什么时候应该使用错误处理中间件功能