小编Web*_*ter的帖子

我知道这个话题已经被打死了，但是我读的没有用。我只是想将我的引导导航栏中的链接更改为白色。我知道上面有CSS，因为我可以更改字体大小，但不能更改颜色。

nav .navbar-nav li{
  color: white !important;
  font-size: 25px;
  }

<nav class="navbar navbar-expand-lg navbar-light fixed-top sticky-top">
  <%= link_to root_path, class: 'navbar-brand' do %>
            <span class="fa fa-home" aria-hidden="true"> Bartlett Containers LLC</span>  <% end %>


  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarResponsive">
    <ul class="navbar-nav">
      <li class="nav-item">
        <%=link_to 'Pricing', pricing_path, class: 'nav-link' %>
      </li>
      <li class="nav-item">
        <%=link_to 'FAQ', faq_path, class: 'nav-link' %>
      </li>
      <li class="nav-item">
        <%=link_to 'Contact', contact_path, class: 'nav-link' %> 
      </li>

    </ul>
  </div> …

是否可以在多选选择器中将选定文本格式“静态”与选定文本格式“计数”一起使用？

这是我当前的选择器：

<select id=“postcodeSelect" class="selectpicker" title="Postcode" data-size="5" data-live-search="true" multiple data-selected-text-format="static">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

现在无论选择什么，它总是显示“邮政编码”，但如果选择了 3 个邮政编码，我希望它显示“邮政编码（选择 3 个项目）”。

我已经制作了奥特莱斯和动作。我已将代码链接到UI。

我希望在按下按钮时将其高亮显示。这是我写的代码：

 @IBAction func buttonPressed(_ sender: UIButton) {
        sender.setTitleColor(UIColor(GL_GREEN), for: .highlighted)
}

我有一组动态创建的选项卡,具体取决于我的输入数据.我想要做的是能够找出当前选择的选项卡.在下面的示例代码中,我有一个选项卡控件,在所有这些之下,我有一个按钮,单击该按钮将删除所选选项卡.我试图保持这个相对简单,它可能看似做作,但我希望它能说明我的意思.

这是我的代码:

<div class="col-md-12">
  <ngb-tabset *ngIf="selectedInfo" type="groups" >
    <ngb-tab *ngFor="let tab of selectedInfo.groups" title={{tab.name}} >
        // some stuff in the tabs
    </ngb-tab>
  </ngb-tabset>
</div>

<div>
  <button class="btn btn-primary float-left" (click)="deleteTab()" > Delete Tab </button>
</div>


export class MyTabs implements OnInit {

  selectedIfno: MyInfoClass;

  ngOnInit(): void {

    // init data

  }

  deleteTab() {


  }

}

所以我想说我想删除当前选中的标签.我如何知道当前选择的标签？

我在一种表单中有多组select和input，我需要根据所选值更新每个输入。根据选择下拉列表更新输入字段中的价格。

该下拉列表带有一个值和一个数据属性。value 是数量，data-attr 是价格。

因此，当您<1>从下拉列表中选择时，输入将更改<1> *为其数据属性。

我不想使用 ID、类或名称来获取当前的 onChange。

// jQuery onChange 这个特定的 {select_drop_down}

<select class="select">
    <option value="1" data-price="2.99">1</option>
    <option value="2" data-price="2.99">2</option>
    <option value="3" data-price="2.99">3</option>
    <option value="4" data-price="2.99">4</option>
</select>

// 将此输入的值更新为 selected:index * data-price。// 新值：如果选择了选项 value=2，则将 input[type=text] 更改为新值。

<input type="text" value="2.99">

// 下一个 {select_drop_down} 也是如此

<select class="select">
    <option value="1" data-price="1.99">1</option>
    <option value="2" data-price="1.99">2</option>
    <option value="3" data-price="1.99">3</option>
    <option value="4" data-price="1.99">4</option>
</select>

<input type="text" value="1.99">

这就是我到目前为止所拥有的：

$(".select").change(function () {
    newPrice = 2.99; // I …

我需要使用 NGINX 作为 WebSocket 代理，并且我已经能够毫无问题地运行本教程。在本例中，使用 ws 和 Node.js 完成了一个简单的 WebSocket 应用程序。但是，我需要用 C 开发的应用程序替换 javascript (server.js) 中的代码。

为此，我已尝试使用本教程中显示的最后一个示例，该示例非常简单且易于理解。

但是，使用与 server.js 中相同的端口和配置，在运行编译的 C 代码时，似乎没有正确建立通信。在这种情况下，当我在客户端的终端中运行 wscat 时，它似乎在等待某些东西，因为从未见过“已连接”这个词，但是通信也没有完成（这就是为什么我说它似乎在等待某些东西; 在其他情况下，例如，如果我尝试使用不同的端口，则通信将关闭，并且会显示一个句子为“错误：意外的服务器响应”）。

另一方面，在服务器端，我可以看到有一个新连接。我怀疑来自服务器的答案没有到达客户端，但我不知道为什么。Nginx 配置正确，因为在 javascript 中完成的示例工作正常，并且我在 javascript 和 C 中使用相同的端口（在 server.js 中我有：'wss = new WebSocketServer({port: 8010});'和server.c: 'server.sin_port = htons( 8010 );' 从我的角度来看它应该工作......)

我已经尝试过 C 语言中具有类似行为的其他示例。有谁知道这可能是什么原因？您是否为 WebSocket 服务器推荐其他特定的 C 代码？

我正在使用 Laravel 和 Bootstrap CSS 框架构建一个网站。我在页面顶部有一个导航栏，用于在不同页面之间导航。默认情况下，Laravel 将导航栏类设置为navbar-light. 由于我不希望导航栏为白色，因此我将其更改为navbar-dark. 当我这样做时，导航栏中的所有内容都消失了，只剩下没有任何内容的白条。我究竟做错了什么？

<nav class="navbar navbar-expand-md navbar-dark navbar-laravel" style="margin-bottom: 20px;">
    <div class="container">
        <a class="navbar-brand" href="{{ url('/') }}">
        {{ config('app.name', 'Laravel') }}
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <!-- Left Side Of Navbar -->
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Messages <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">People <span class="sr-only">(current)</span></a> …

我有一个里面dropdown有 3 个主要“类别”，每个“类别”都有几个复选框（这用于过滤搜索）。下面是一个例子：

<div class="dropdown">
    <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">Button</button>
    <div class="dropdown-menu">
        <h6 class="dropdown-header">Category 1:</h6>
        <a class="dropdown-item" href="#"><input type="checkbox"> Option1</a>
        <a class="dropdown-item" href="#"><input type="checkbox"> Option2</a>
        <a class="dropdown-item" href="#"><input type="checkbox"> Option3</a>

        <h6 class="dropdown-header">Category 2:</h6>
        <a class="dropdown-item" href="#"><input type="checkbox"> Option1</a>
        <a class="dropdown-item" href="#"><input type="checkbox"> Option2</a>
        <a class="dropdown-item" href="#"><input type="checkbox"> Option3</a>

        <h6 class="dropdown-header">Category 3:</h6>
        <a class="dropdown-item" href="#"><input type="checkbox"> Option1</a>
        <a class="dropdown-item" href="#"><input type="checkbox"> Option2</a>
        <a class="dropdown-item" href="#"><input type="checkbox"> Option3</a>
    </div>
</div>

我希望这 3 个“类别”并排dropdown排列，但是，默认情况下，在 Bootstrap 的类中，它们显示为垂直堆栈。我试图通过将row类添加到dropdown …

我正在关注官方文档并查看许多示例和其他人的相同问题，但我没有看到任何解决方案。

在官方文档中显示正确，我看到的示例如下 https://getbootstrap.com/docs/4.0/components/input-group/#basic-example

我从官方文档中复制并粘贴以下代码

<div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text" id="basic-addon1">@</span>
  </div>
  <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
</div>

版本引导：

Bootstrap v4.0.0-beta.2 ( https://getbootstrap.com )

版权所有 2011-2017

Bootstrap 作者 版权所有 2011-2017 Twitter, Inc.

麻省理工学院（https://github.com/twbs/bootstrap/blob/master/LICENSE）

该代码未在官方页面中显示，它只是不起作用，我设法使其与input-group-addon 一起使用，但我想知道为什么它不能与官方网站的代码一起使用，因为我我正在使用相同版本的引导程序。

我也跟着这个线程没有任何解决方案： Creating Bootstrap 4 input-group with beta 3 prepend/append not working

因此，我想使用“模态”来禁用屏幕上的所有交互，但我仍然希望屏幕上的所有内容都可见。奇怪的是，它对我来说早些时候就可以正常工作，然后我尝试将Modal变成自己的组件，但是一旦这样做，它就停止了正常工作。然后我回到原来的工作，但仍然遇到同样的问题。当它起作用时，我应该提交它。

知道我哪里出错了吗？

这是我的代码：

import React, { Component } from 'react';
import { View, Image, Modal, Text, Button, TouchableHighlight } from 'react-native';

  constructor(props) {
    super(props);
    this.state = {
      modalVisible: true,
    };
  }

  openModal() {
    this.setState({modalVisible: true});
  }

  closeModal() {
    this.setState({modalVisible: false});
  }



  render() {
      return (
        <View style={styles.container}>
          <Modal
            visible={this.state.modalVisible}
            onRequestClose={() => this.closeModal()}
          >
            <TouchableHighlight
            style={styles.modalContainer}
            onPress={() => this.closeModal()}
            >
              <Text>"Words n stuff"</Text>
            </TouchableHighlight>
          </Modal>
          <View
            style={styles.upperContainer}
          />
          <View
            style={styles.lowerContainer}
          />
        </View>
      );
    }
  }
}

样式：

 modalContainer: {
    flexGrow: 1, …